2012-06-09 33 views
1

我有Google可視化,我想根據數據表中的一列設置每個餅圖切片/條的特定顏色。在谷歌圖表中設置特定顏色

即我是誰投票給自己喜歡的顏色的人數表:

*Input table* 
id Color Num Votes 
1 'Red' 10 
2 'Blue' 100 
3 'Green' 50 

如何設置餅圖上的顏色,這樣的「紅」片爲紅色,等等?但是,由於數據集的存在,我無法保證行將按照某個順序排列,因此無法創建顏色數組。

我想我需要使用格式化程序,但無法使其工作。

var formatter = new google.visualization.ColorFormat(); 
formatter.addRange('Blue', 'Blue', 'blue', 'blue'); 
formatter.format(data, 1); 

在此先感謝

+0

如果回答您的問題,請不要忘記接受答案。 – 2012-12-03 12:59:49

回答

4

簡單,

只需將它放在var options

它應該是這樣的:

var options = {'title':'Your Title', 
       'width':XXX, 
       'height':XXX, 
       colors:['Blue', 'Blue', 'blue', 'blue']}; 
0

將通過的第二個參數選項draw()方法。

var chartOptions = { 
    title: 'My Awesome Chart', 
    colors: ['#657CD0','#DA68A0','#06C3C0','#777B80','#7C6D70','#7C0850','#F75870'] 
}; 

var pieChart = new google.visualization.PieChart(document.getElementById('pieChart')); 
pieChart.draw(someData, chartOptions); 

看看這個顏色選擇器對谷歌可視化:http://www.philipwhitt.com/projects/google-visualization-theme-picker,它可能給你一些有用的顏色的想法。