时间戳

首页 > 解决方案 > 折线图中系列颜色的高图表不透明度不活动

highcharts - 折线图中系列颜色的高图表不透明度不活动

问题描述

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

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

起初这条线应该是透明的，悬停时它应该是黑暗的。但一开始它是黑暗的，鼠标悬停在它上面后变成透明的。见小提琴

标签： highchartsopacity

解决方案

我发现这是一个文档错误——这个选项应该像这样应用。您可以在此处找到来自核心开发人员的更多信息：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

推荐阅读