javascript - 更改堆积条形图的颜色

Question

我想将 stacked bar chart 的单条颜色更改为两种类型。 比方说，我有两个选项 APP Used 和 APP not used。我想为 APP used 设置绿色，为 APP not used 选项设置红色。默认值是黑色和绿色，所以我不想要那样。我试图通过添加以下选项来更改颜色，但它使整个条形颜色相同:

 colors: [
     '#4572A7',
     '#AA4643'],

 plotOptions: {
     column: {
         colorByPoint: true
     }
 },

但是，我希望每个类别都有不同的颜色。 这是演示:http://jsfiddle.net/rkahuja99/qqes1sw6/

我们将不胜感激任何帮助。

Answer 1

在 plotOptions 中，您不需要 colorByPoint 设置。应该是:

colors: ['#4572A7', '#AA4643'],
plotOptions: {
    column: {
        stacking: 'percent'
    }
},

演示: http://jsfiddle.net/qqes1sw6/3/