如何在堆积条形图上设置自定义颜色

Question

I want to below type of stacked column chart. Is it possible to draft this kind of chart?

Thanks in advance.

Answer 1

You can enable colorByPoint option for the last series:

  series: [..., {
    ...,
    colorByPoint: true
  }]

---

Live demo: https://jsfiddle.net/BlackLabel/fdwbLzan/

API Reference: https://api.highcharts.com/highcharts/series.column.colorByPoint

---

or define an individual color for each point:

  series: [..., {
    ...,
    data: [{
      y: 3,
      color: 'black'
    }, {
      y: 4,
      color: 'purple'
    }, {
      y: 4,
      color: 'green'
    }, {
      y: 2,
      color: 'orange'
    }, {
      y: 5,
      color: 'blue'
    }]
  }]

---

Live demo: https://jsfiddle.net/BlackLabel/r87mv6n3/

API Reference: https://api.highcharts.com/highcharts/series.column.data.color