讓Highcharts默認以多種顏色呈現條形圖/柱形圖

Question

我知道在某些Highcharts上設置條形的顏色存在很多問題，但我的問題有些不同。 默認情況下，在Highcharts站點上，條形圖/柱形圖上的所有線條均為不同的顏色。 當我嘗試在自己的網站上實現條形圖時，所有線條都是相同的顏色。 我已經看過Highcharts演示部分上的小提琴，其中沒有任何內容定義每個條形都是不同的顏色。 如果我在自己的網站上使用餅狀圖，則所有部分的顏色都不同，但我的條形圖/列無法跟上。

任何幫助將不勝感激。

Answer 1

這里有幾個問題...

（1） “默認情況下，在Highcharts站點上，條形圖/柱形圖上的所有線條都是不同的顏色。”
這不是真的。 highcharts網站的打開頁面上有一個柱形圖，並且所有列都具有相同的顏色。 http://www.highcharts.com/

（2）當您在網站上實現條形圖，你只有一個series在您或多個對象series ？ 我的猜測是，您的series只有一個對象，在這種情況下，用highcharts將一個 series編碼為僅一種顏色是有意義的。

（3）在jsfiddle中打開highcharts示例之一。 http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-basic/

更改數據，這樣：

    series: [{
        name: 'Year 1800',
        data: [107, 31, 635, 203, 2]
    }, {
        name: 'Year 1900',
        data: [133, 156, 947, 408, 6]
    }, {
        name: 'Year 2008',
        data: [973, 914, 4054, 732, 34]
    }]

...簡化為：

    series: [{
        name: 'Year 1800',
        data: [107, 31, 635, 203, 2]
    }]

您在這里只能看到一種顏色。

希望這可以幫助。

Answer 2

將此添加到您的圖表構造函數：

colors: ['#0D233A', '#2F7ED8', '#AAAAAA'],
plotOptions: {
    series: {
    colorByPoint: true
    }
},      

對於每個系列，它將遍歷您的顏色列表並按順序為每個條形/列着色，如果到達列表的末尾，則從頭開始重復。

jsFiddle

Answer 3

每個系列都有自己的color ，如示例中所示： http : //jsfiddle.net/z5sGy/

但是您可以使用顏色來定義自己的順序： http : //api.highcharts.com/highcharts#colors

如果您想為每個數據點修改顏色，則可以為數據定義此參數。

http://jsfiddle.net/z5sGy/1/