目前,我正在为Highchart实现中针对不同类型的系列提供不同的followPointer
行为。例如,我的项目中的折线图通常是紧密捆绑的数据点,因此将followPointer
设置为true在区分密集数据点方面不会很好,因此对于图表中的行序列也包含列/栏系列,我希望Highcharts在检测到光标在折线图上时自动切换到followPointer: false
。
我尝试在tooltip.formatter
中实现它,正如此小提琴example中所示。
tooltip: {
followPointer: true,
formatter: function() {
if(this.series.type == 'line') {
this.series.tooltipOptions.followPointer = false;
} else {
this.series.tooltipOptions.followPointer = true;
}
}
},
此实现的问题在于它的性能非常差,因为它将计算和确定系列的类型并在每次鼠标移动时设置followPointer
变量。很明显,这对性能来说非常糟糕,因为它每秒重复计算很多次。
所以我的问题是 - 如何根据系列调整followPointer
这种行为,但是要以高效的方式?