Блог

мне нравится изменять цвет столбцов в столбчатой диаграмме со стеком в highchart. Я не нашел вариант, где я могу установить цвет для каждого значения. Джо должен быть красным, Джейн — желтым, а Джон — черным.

 Highcharts.chart('container', {
chart: {
    type: 'bar'
},
title: {
    text: 'Stacked bar chart'
},
xAxis: {
    categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
},
yAxis: {
    min: 0,
    title: {
        text: 'Total fruit consumption'
    }
},
legend: {
    reversed: true
},
plotOptions: {
    series: {
        stacking: 'normal'
    }
},
series: [{
    name: 'John',
    data: [5, 3, 4, 7, 2]
}, {
    name: 'Jane',
    data: [2, 2, 3, 2, 1]
}, {
    name: 'Joe',
    data: [3, 4, 4, 2, 5]
}]
  

});

Вы можете добавить цвет поля в свою серию, например:

 series: [{
  name: 'John',
  color: '#ff8080',
  data: [5, 3, 4, 7, 2]
  }, {
  name: 'Jane',
  color: '#ffff00',
  data: [2, 2, 3, 2, 1]
  }, {
  name: 'Joe',
  color: '#000000',
  data: [3, 4, 4, 2, 5]
  }]