Javascript 为Highcharts中堆叠条中的每个堆栈指定不同的颜色

正如问题所述，我想给堆叠条形图中的每个堆栈赋予不同的颜色

我试过：

• 在

  pie

  选项中设置

  colorByPoint=true

  ，为每个条设置不同的颜色

• 将

  系列

  中的每个

  JSON

  设置为

  颜色

  ，但效果不理想

但如图所示，我希望每个堆栈有不同的颜色。

---

使用

color

属性进行设置

series: [{
    name: 'Top',
    data: [
        {y:15, color:'blue'}, 
        {y:64, color:'red'}, 
        {y:27,  color:'green'}, 
        {y:32, color:'yellow'}, 
        {y:17, color:'purple'}
    ]
}.............

---

希望这有帮助

可以为整个系列点设置颜色，也可以仅为一个点设置颜色。没有其他办法，因此为了实现图像上显示的效果，需要在序列中的每个点上设置不同的颜色，然后在下一个序列定义中使该颜色稍微亮一点

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    title: {
        text: 'Stacked column chart'
    },
    xAxis: {
        categories: ['Apples', 'Oranges', 'Pears']
    },
    plotOptions: {
        series: {
        stacking: 'normal'
      }
    },
    legend: false,
    series: [{
        name: 'Jane',
        data: [{
            y: 2,
          color: '#ff0000' // red
        }, {
            y: 3,
          color: '#00ff00' // green
        }, {
            y: 1,
          color: '#0000ff' // blue
        }]
    }, {
        name: 'Joe',
        data: [{
            y: 1,
          color: '#990000' // medium red
        }, {
            y: 2,
          color: '#009900' // medium green
        }, {
            y: 3,
          color: '#000099' // medium blue
        }]
    }, {
        name: 'John',
        data: [{
            y: 3,
          color: '#550000' // dark red
        }, {
            y: 1,
          color: '#005500' // dark green
        }, {
            y: 2,
          color: '#000055' // dark blue
        }]
    }]
});

---

实例：

首先粘贴一些代码，您已经尝试过了。其次，您可以尝试使用

document.getEementById（'ID'）.style.backgroundColor=

在加载图表的JS中设置背景色，将其放置在循环中，根据循环索引更改颜色，并在图表中的每个条目上运行。@WasifAle我已经粘贴了一些我尝试过的代码。改变海图的颜色并不是那么简单，所以我不得不在这里问一下。你能帮个忙吗？我只是建议如果你想用JS改变颜色，那么你可以在DOM加载后运行它，否则你必须在图表颜色属性中设置它。请查查好的，我看看是否可能。嗨！谢谢你的回答，但我已经试过了。我还尝试了

colorByPoint=true

，为每个条设置不同的颜色。但如图所示，我希望每个堆栈有不同的颜色。你能帮个忙吗？谢谢你的回答！