在Highcharts样式模式下禁用非活动状态

Question

默认情况下，将鼠标悬停在Highcharts图表中的一个系列上会淡化另一个系列。

我正在尝试关闭此效果，但是将所有系列的inactive状态设置为disabled并没有达到预期的效果：

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

我已打开样式化模式，因为我正在使用CSS设置图表样式。

如果我关闭样式模式并删除导入默认Highcharts CSS文件的行，则禁用非活动状态将按预期方式工作-但不能选择关闭样式模式。

我已经在JSFiddle here中创建了一个工作示例（没有任何自定义样式）。>>

其他similar questions的答案未打开样式模式/默认的Highcharts CSS文件已加载。

处于样式模式时，是否有一种禁用非活动状态的方法？还是只需要使用CSS即可获得想要的效果？

默认情况下，将鼠标悬停在Highcharts图表中的一个系列上会淡化另一个系列。我正在尝试关闭此效果，但是将所有系列的非活动状态设置为“禁用”时就没有...

Answer 1

最简单的方法是覆盖opacity CSS类中的默认highcharts-series-inactive样式：