我可以绑定onclick事件并编辑chartjs中的一个点

Question

我正在使用chartjs来制作一个小项目。我在编辑点时感到困惑和运气不好。

在这个库中是否有任何功能我可以绑定一个onclick事件，它会向我显示弹出窗口，我可以删除该点？

以下是我想要的总结：

1. 单击该点，将出现一个弹出窗口
2. 单击删除按钮后，它删除了点并重绘了点。现在我只使用简单的折线图this is my jsFiddle

我正在使用chartjs 2.6

Answer 1

您可以使用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);
        }
      }
    }
};