ChartJS:获取悬停点的点信息
ChartJS: get points information on hovering the points
我已经通过onClick
函数成功获取了信息。但是有什么方法可以让我在将鼠标悬停在点上时获得点信息。现在 onHover
如文档中所述,无法理解要点。这是我的jsFiddle。
在以前的 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
属性指向目标item的数据
因此您的 fiddle (chart.js 2.6) 更新为:https://jsfiddle.net/beaver71/440L5661/
与 chart.js 2.7: https://jsfiddle.net/beaver71/ttrak7sj/
我已经通过onClick
函数成功获取了信息。但是有什么方法可以让我在将鼠标悬停在点上时获得点信息。现在 onHover
如文档中所述,无法理解要点。这是我的jsFiddle。
在以前的 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
属性指向目标item的数据
因此您的 fiddle (chart.js 2.6) 更新为:https://jsfiddle.net/beaver71/440L5661/
与 chart.js 2.7: https://jsfiddle.net/beaver71/ttrak7sj/