Непрозрачность Highcharts цвета серии в линейном графике не активна - PullRequest
Новая
       19

Непрозрачность Highcharts цвета серии в линейном графике не активна

0 голосов
/ 24 марта 2020

Цвет серии имеет уменьшенную непрозрачность: 

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

Сначала линия должна быть прозрачной, а при наведении она должна быть темной. Но сначала он темный и становится прозрачным после того, как мышь однажды зависла над ним. См скрипка

1 Ответ

0 голосов
/ 24 марта 2020

Я обнаружил, что это ошибка документации - эту опцию следует применять следующим образом. Дополнительную информацию от разработчиков ядра вы можете найти здесь: 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

...