Chart.js 2.2.1
你知道如何触发当我将鼠标悬停在数据点上时运行的代码,以及当我将鼠标移开时运行的代码吗?我需要以编程方式显示和隐藏图表的工具提示。
openTip(oChart, datasetIndex, pointIndex){
// how to open a specific tooltip?
}
closeTip(oChart, datasetIndex, pointIndex){
// how to close the same tooltip?
}
如果可以的话,我会展示示例代码,但是我甚至不知道从哪里开始。图表方法文档没有帮助。
JSFiddle
3条答案
按热度按时间monwx1rj1#
我会小心地访问/修改以
_
开始的私有变量。您可能会发现自己有意外的行为。为什么不触发canvasmousemove
事件呢要关闭工具提示,只需触发
mouseout
事件of1yzvn42#
下面的代码将处理一个或多个工具提示。
@BeetleJuice提供的完整解决方案-https://jsfiddle.net/ucvvvnm4/5/
bvjxkvbb3#
对于Chart.js@3,以下是官方解决方案:https://www.chartjs.org/docs/latest/samples/advanced/programmatic-events.html