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轴数据点都有一个单独的单击机制，如果可以的话。

Answer 1

您可以为data.type = point

添加点击事件

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

这是jsFiddle链接：https://jsfiddle.net/prerak6962/zv8t7o6p/12/

Chartist折线图单击每个节点

1 个答案: