在谷歌图表设置特定的颜色(Setting specific colors in google cha

2019-10-16 20:32发布

我有谷歌的可视化，我想设置基于数据表的列每一圆形切片/条的具体颜色。

即我是谁投票支持自己喜欢的颜色的人数表：

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

文章来源: Setting specific colors in google charts