Изменить цвет в указанных c столбцах с несколькими сериями - PullRequest
2 голосов
/ 29 февраля 2020

У меня есть две серии, каждая из которых имеет свой цвет, и я хочу иметь возможность определять разные цвета для обеих серий в определенном столбце c.

Как отобразить первые 3 столбца серым цветом? https://jsfiddle.net/Kagebi/omcqrzsu/

Highcharts.chart('container', {
    chart: {
        type: 'column',
    },
    plotOptions: {
        column: {           
          grouping: false
        }
    },
    tooltip: {
        shared: true // true breaks series highliting on hover
    },

    xAxis: {
        categories: ['24-02', '25-02', '26-02', '27-02', '28-02', '29-02', '01-03', '02-03', '03-03', '04-03', '05-03']
    },
    series: [
        {
      name: 'Expected',
      data: [180, 140, 180, 140, 180, 140, 180, 140, 180, 140, 180],
      color: '#b2dbff',
      },

        {
      name: 'Current',
      data: [99, 197, 165, 80, 144, 80, 144, 80, 144, 80, 144],
      color: '#1d94fa'}
      ],
   events:{
        load: function() {
            var point = this.series[0].points[1];

            point.update({
                color: 'black'
            });
        }
},

    }
)

1 Ответ

1 голос
/ 29 февраля 2020

Вы можете указать цвет каждой записи в ser ie следующим образом:

    data: [{
      name: 'Point 1',
      color: '#00FF00',
      y: 0
    }, {
      name: 'Point 2',
      color: '#FF00FF',
      y: 5
    }]

См. Документацию здесь: https://www.highcharts.com/docs/chart-concepts/series (точка № 3).

Я обновил здесь ваш jsfiddle первыми тремя столбцами серого цвета: https://jsfiddle.net/0mhnck5L/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...