2015-05-21 271 views
2

我想將單個條的stacked bar chart的顏色更改爲兩種類型。 可以說,我有兩個選項APP UsedAPP not used。我想爲APP used設置綠色,爲APP not used選項設置爲紅色。默認是黑色和綠色,所以我不希望這樣。我試圖通過添加下列選項來改變顏色,但它使整個欄相同的顏色:更改堆疊條形圖的顏色

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

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

不過,我想有不同的顏色爲每個類別。 這裏是演示:http://jsfiddle.net/rkahuja99/qqes1sw6/

任何幫助將不勝感激。

+0

的例子可以幫助你:http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-placement/ – Ankita

回答

1

plotOptions您不需要colorByPoint設置。它應該是:

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

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

+0

謝謝。它幫助! :) –

+0

不客氣! – dfsq

相關問題