2015-03-03 97 views
0

顏色不同我已經在一系列定義的自定義顏色數據highcharts柱形圖Highcharts - 柱色從在圖例

data: [{y: 1234.5, color: '#234567'}, ...] 

示例代碼

var options = { 
    chart: { 
    type: 'column' 
}, 
title: { 
    text: 'Period' 
}, 
xAxis: { 
    categories: ['Cat 1', 'Cat 2']; 
    }) 
}, 
yAxis: { 
    min: 0, 
    title: { 
     text: null 
    } 
}, 
plotOptions: { 
    column: { 
     pointPadding: 0.2, 
     borderWidth: 0 
    } 
}, 

series: [ 
    { 
    name: 'Dog', 
    data: [{y: 1, color: '#FF0000'}, {y: 1.45, color: '#FF0000'}] 
    }, 
    { 
    name: 'Cow', 
    data: [{y: 2, color: '#CCCCCC'}, {y: 5.00, color: '#CCCCCC'}] 
    }, 
    { 
    name: 'Bird', 
    data: [{y: 3, color: '#BBBBBB'}, {y: 3.45, color: '#BBBBBB'}] 
    }, 
] 

}; 

然而,對於一列顏色圖例是不同從相應的列如圖所示:

http://prntscr.com/6c2o25

我看不出有可能爲xAxis>類別定義自定義顏色,但僅限於數據輸入內部。

任何想法?

+0

可以將一些代碼與數據數組分開嗎? – 2015-03-03 06:15:53

+0

我剛剛添加了highcharts配置對象 – 2015-03-03 06:43:32

+1

爲什麼你要設置點級別的顏色,而不是series.level?像'名稱:「狗」,顏色:「紅」'? – 2015-03-03 10:51:37

回答

4

您正在設置您的顏色而不是系列級別的點級別。

儘管您的列是您想要的顏色,但這會將系列顏色留作Highcharts默認顏色。

系列顏色決定了圖例圖標的顏色。

所以這個:

name: 'Dog', 
data: [{y: 1, color: '#FF0000'}, {y: 1.45, color: '#FF0000'}] 

應該是:

name: 'Dog', 
color: '#f00', 
data: [1,1.45] 

更新撥弄設定在series水平顏色:

+0

謝謝,在他們的文檔中,系列部分中沒有「顏色」屬性 http://prntscr.com/6cc7ks – 2015-03-03 21:04:22

+1

您需要的部分是plotOptions-> series,而不是頂級系列對象。在這裏找到:http://api.highcharts.com/highcharts#plotOptions.series.color – jlbriggs 2015-03-03 21:59:54