更改堆积条形图的颜色

时间:2015-05-21 05:43:48

标签: javascript jquery highcharts

我想将stacked bar chart的单个栏的颜色更改为两种类型。 可以说,我有两个选项APP UsedAPP not used。我希望APP used为绿色,APP not used选项为红色。默认为黑色和绿色,所以我不希望这样。我尝试通过添加以下选项来改变颜色,但它使整个条形颜色相同:

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

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

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

任何帮助都将受到高度赞赏。

1 个答案:

答案 0 :(得分:1)

plotOptions中,您不需要colorByPoint设置。它应该是:

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

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