如何禁用折线图上的交互动画但保留工具提示？

Question

我可以用这个去掉所有动画

plotOptions: {
  series: {
    enableMouseTracking: true

但我想要工具提示。但我不想要任何其他鼠标悬停效果。我试过这个建议：

plotOptions: {
  series: {
    allowPointSelect: false,
    states: {
      hover: {
        enabled: false
      },
      inactive: {
        enabled: false
      },
      select: {
        enabled: false
     }
    }
  }
},

但是对动画没有影响。如果我将鼠标悬停在具有空数据的区域上，我的系列仍然会褪色。

Answer 1

总结一下：

当styledmode打开时，加载默认的CSS文件，需要在CSS中添加如下代码：

inactive { opacity: 1 }

当禁用 styledmode 时（默认情况下），您不需要添加默认的 CSS 文件，但要实现这一点，请使用 API 提供的选项：

  plotOptions: {
    series: {
      states: {
        hover: {
          enabled: false
        },
        inactive: {
          enabled: false
        }
      }
    }
  }

如何禁用折线图上的交互动画但保留工具提示？

How to disable interaction animations on line chart but keep tooltips?

highcharts