2012-06-09 34 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,它可能给你一些有用的颜色的想法。