折线图中系列颜色的高图表不透明度无效

Question

该系列的颜色不透明度降低：

      series: [{
      color: '#8ebfd7',
      opacity: .3,
      states: {
            hover: {
                opacity: 1                                                       
            }
      }] 

首先，该行应该是透明的，并且悬停时它应该是黑暗的。但是起初它是黑暗的，鼠标一旦悬停在它上面就变得透明。参见fiddle

Answer 1

我发现这是一个文档错误-应该这样应用此选项。您可以在此处找到来自核心开发人员的更多信息：https://github.com/highcharts/highcharts/issues/12092和https://github.com/highcharts/highcharts/issues/11750

此选项仅对特定状态有效，因此作为解决方案，您可以在chart.events.load中将每个系列状态设置为非活动状态。

演示：https://jsfiddle.net/BlackLabel/076oL9xc/

events: {
  load() {
    let chart = this;
    chart.series.forEach(s => {
      s.setState('inactive')
    })
  }
}

API：https://api.highcharts.com/highcharts/chart.events.load