charts - 在谷歌图表中设置特定颜色

Question

我有谷歌可视化，我想根据数据表中的列设置每个饼图/条的特定颜色。

即我有一张表，其中列出了为自己喜欢的颜色投票的人数：

*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);

提前致谢

Answer 1

简单的，

只需设置它var options

它应该是这样的：

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

Answer 2

通过 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 ，它可能会给你一些有用的颜色想法。