我正在使用 Chartjs 制作一个小项目。我在编辑这些点时遇到了一些困惑和运气不佳。
这个库中是否有任何函数可以绑定(bind)一个 onclick
事件,该事件将显示一个弹出窗口,并且我可以删除该点?
这是我想要的摘要:
- 点击该点,会出现一个弹出窗口
- 单击删除按钮后,它会删除该点并重新绘制该点。 现在我只使用简单的折线图 this is my jsFiddle
我使用的是chartjs 2.6
最佳答案
您可以在option中使用onclick事件显示弹出窗口。 然后你可以用getElementsAtEvent检查是否点击了一个点。如果是这样,请将其从选项中删除,并 update图表。 我已经更新了您的jsfiddle .
var option = {
showLines: true,
onClick: function(evt) {
var element = myLineChart.getElementAtEvent(evt);
if(element.length > 0)
{
var ind = element[0]._index;
if(confirm('Do you want to remove this point?')){
data.datasets[0].data.splice(ind, 1);
data.labels.splice(ind, 1);
myLineChart.update(data);
}
}
}
};
关于javascript - 我可以绑定(bind)一个onclick事件并在chartjs中编辑一个点吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47330122/