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

【问题标题】：Disabling inactive state in Highcharts styled mode在 Highcharts 样式模式下禁用非活动状态
【发布时间】：2020-05-09 08:25:23
【问题描述】：

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

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

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

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

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

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

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

有没有办法在样式模式下禁用非活动状态 - 还是我只需要使用 CSS 获得我想要的效果？

【问题讨论】：

【解决方案1】：

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

.highcharts-series-inactive {
    opacity: 1 !important;
}

现场演示： https://jsfiddle.net/BlackLabel/pwrb46o7/

【讨论】：

谢谢@ppotaczek。非活动选项不被认可是一个错误吗？
嗨@philipnye，不，不是。在这里：api.highcharts.com/highcharts/chart.styledMode 你可以读到在样式模式下 CSS 规则需要设置图表样式。
谢谢。我想hover 状态可以在样式模式下启用/禁用，而inactive 状态却不能——当这两个状态如此密切相关时，这似乎是不一致的。
这似乎不是真的。请检查此示例：jsfiddle.net/BlackLabel/pwrb46o7/2 lineWidthPlus 属性仅在样式模式被禁用时才有效。只允许禁用标记。
确实如此，但它只影响标记的显示。 states.hover 中没有属性有效。如果您认为这是一个错误，可以在这里报告：github.com/highcharts/highcharts/issues/new/choose