代码之家 › 专栏 › 技术社区 › JDT

单击时列出每个节点的折线图

chartist.js javascript

0

JDT · 技术社区 · 7 年前

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轴数据点都有一个单独的点击机制。

1 回复 | 直到 7 年前

1

0

Prerak Sola 7 年前

您可以为添加单击事件 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/