ChartJS:获取有关悬停积分的积分信息

时间:2018-01-10 16:30:53

标签: chart.js chart.js2 chartjs-2.6.0

我已成功通过onClick函数获取信息。但有没有任何方法可以获得有关悬停的重点信息。现在,正如文档中所提到的onHover无法明白这一点。这是我jsFiddle

1 个答案:

答案 0 :(得分:4)

在以前版本的Chart.js中(例如2.6),onHover处理程序必须配置如下:

  hover: { 
     onHover: function(evt, item) { 
        if (item.length) {
            console.log("onHover", item, evt.type);
            console.log(">data", item[0]._index, data.datasets[0].data[item[0]._index]);
        }
     }
  },

itme[0]._index属性指向目标项的数据

所以你的小提琴(chart.js 2.6)更新是:https://jsfiddle.net/beaver71/440L5661/

使用chart.js 2.7:https://jsfiddle.net/beaver71/ttrak7sj/