javascript - Chartist 折线图点击每个节点

Question

目前我有一个简单的 Chartist 折线图，我可以使用以下方法轻松添加点击机制：

chart.on('draw', function(data) {
    if(data.type === 'line') {
        data.element._node.onclick = function (){window.location = "https://www.google.com"}
    }
});

然而，这增加了onclick整行。

我希望将点击机制添加到折线图上的每个数据点。

例如，如果我的折线图数据是：

[0,0], [1,1], [2,2]

如果有意义的话，我希望每个 x 轴数据点都有一个单独的点击机制。

标签： javascriptchartist.js

Answer 1

You can add a click event for data.type = point

if (data.type === "point") {
    data.element._node.onclick = function() {
      window.location = "https://www.google.com/?q=" + data.value.y
    }
}

Here's the jsFiddle link: https://jsfiddle.net/prerak6962/zv8t7o6p/12/