如何使用Highcharts保持悬停状态

rm5edbpk 于 2022-11-10 发布在 Highcharts

关注(0)|答案(2)|浏览(216)

目前，我可以手动触发highcharts的悬停事件，如下面的代码，以显示工具提示和突出显示系列。

chart.series[0].points[2].onMouseOver()

但是移动鼠标后状态很容易改变，有没有办法让我保持状态？

2条答案

如果您想在鼠标指针离开时保持工具提示可见，您需要禁用tooltip.hide功能。

Highcharts.Tooltip.prototype.hide = function() {};

并在鼠标退出后再次高亮显示：

events: {
      mouseOut() {
        let series = this;

        series.points[2].onMouseOver();
      }
    }

对于那些只想让工具提示显示更长时间的人来说，有hideDelay属性。
例如，要使其持续5秒，您可以写入

chart.tooltip.options.hideDelay = 5000;