如何使用 Chart.js 为折线图中的线段启用工具提示
当我将鼠标悬停在数据点上时,我可以配置折线图工具提示。但是,如果将鼠标悬停在两个数据点之间的线段上,我还想显示一些数据。 我正在使用的代码如下:
callbacks: {
label: function (context) {
var value = labels[context.dataIndex];
for (var i = 0; i < flares.length; i++) {
// console.log(labels[ctx.p0DataIndex], flares[i]);
if (
value >= flares[i].Starttime &&
value <= flares[i].Endtime
) {
return "Peak-Score : " + flares[i].PeakScore;
}
}
return "No flares";
},
},
'''
I am able to configure the line chart tooltip when I hover over the datapoint. However, I would also like to show some data if hover is over the line segment between two data points.
Code I am using is as follows :
callbacks: {
label: function (context) {
var value = labels[context.dataIndex];
for (var i = 0; i < flares.length; i++) {
// console.log(labels[ctx.p0DataIndex], flares[i]);
if (
value >= flares[i].Starttime &&
value <= flares[i].Endtime
) {
return "Peak-Score : " + flares[i].PeakScore;
}
}
return "No flares";
},
},
'''
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论