在主 Javascript 文件中调用 ChartJS 详细信息

Question

我有一个 Charts JS 图表。我可以单击图表并显示一些我希望看到的图表信息，如下所示：

onClick: (evt, activeEls, chart) => {
    
    alert(chart.data.labels[activeEls[0].index]);

},

我的 chartJS 脚本目前位于 html 文件中。但是，当我尝试将它移到我的 main.js 中时，它不起作用（即该函数不运行）。我似乎无法弄清楚为什么。

设置是这样的：

Main.JS:

function show_info() { 
alert(chart.data.labels[activeEls[0].index]);
}

并且我已将 HTML 文件中的 chartJS 部分更改为：.

onClick: (evt, activeEls, chart) => {
    show_info();
    
},

如何设置它以便该函数存在于我的 Main.js 文件中？

Answer 1

我认为变量 chart 在 main.js 的范围内是未知的。因此，您需要像这样向 show_info 提供 chart 变量：

// main.js
function show_info(my_object) { 

alert(my_object.data.labels[activeEls[0].index]);
}

// other file
onClick: (evt, activeEls, chart) => {
    show_info(chart);
    
},

在主 Javascript 文件中调用 ChartJS 详细信息

Call ChartJS details in main Javascript file

javascript

chart.js