HighChart控件的tootip是鼠标经过时显示的数据提示框,但有时我们会有业务需求---需要在其他位置用代码调用显示提示框。比如我在项目中遇到的曲线图和表格数据相互联动的效果。
chart.tooltip.refresh(point) //触发数据提示框显示 。point 表示series.points的一个对象。
后来根据业务需求,在chart声明时添加了 shared: true 多个数据点共享数据提示框
tooltip: {
shared: true, //共享数据提示框
xDateFormat: '%Y-%m-%d %H:%M:%S'
},
但这样调用 chart.tooltip.refresh() 报了错误。 如图:
点开错误:
打断点,发现d是我传递的point对象,而这里 用的却是数组,结合shared: true 是多个数据点共享提示框。所以 这里应该是传数组过去,即相同x值的所有数据点。
这样问题就解决了,这是我的项目的一小部分效果,(其余部分涉及隐私就不展示了):