Javascript 不同的“followPointer”行为取决于Highchart中的系列类型
目前,我正致力于在Highchart实现中为不同类型的系列设置不同的Javascript 不同的“followPointer”行为取决于Highchart中的系列类型,javascript,highcharts,Javascript,Highcharts,目前,我正致力于在Highchart实现中为不同类型的系列设置不同的followPointer行为。例如,我的项目中的折线图通常是紧密捆绑的数据点,因此将followPointer设置为true对于区分紧密打包的数据点来说不是很好,因此对于图表中也包含列/条形序列的线系列,我希望Highcharts在检测到光标位于折线图上时自动切换到followPointer:false 我尝试在工具提示.formatter中实现它,如本文所示 此实现的问题是,它的性能非常差,因为它将计算和确定序列的类型,并在
followPointer
行为。例如,我的项目中的折线图通常是紧密捆绑的数据点,因此将followPointer
设置为true对于区分紧密打包的数据点来说不是很好,因此对于图表中也包含列/条形序列的线系列,我希望Highcharts在检测到光标位于折线图上时自动切换到followPointer:false
我尝试在工具提示.formatter
中实现它,如本文所示
此实现的问题是,它的性能非常差,因为它将计算和确定序列的类型,并在每次鼠标移动时设置followPointer
变量。很明显,这对性能非常不利,因为它每秒要计算很多次
所以我的问题是-我如何保持这种调整
followPointer
的行为,这取决于系列,但要以一种性能的方式进行?您能在示例中添加一个列/条形系列,以便我们更好地可视化问题吗?@KamilKulig woops,我以为我这样做了,但我忘了更新小提琴,只是保存了它。更新为工作状态。
tooltip: {
followPointer: true,
formatter: function() {
if(this.series.type == 'line') {
this.series.tooltipOptions.followPointer = false;
} else {
this.series.tooltipOptions.followPointer = true;
}
}
},