Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为Google图表中的特定列指定颜色_Javascript_Google Visualization - Fatal编程技术网

Javascript 为Google图表中的特定列指定颜色

Javascript 为Google图表中的特定列指定颜色,javascript,google-visualization,Javascript,Google Visualization,我想为谷歌条形图中的每一列指定一种特定的颜色。 我想知道做这件事最好的方法是什么。我想包括一个颜色十六进制代码到每个数据点 我有一个JSFIDLE如下: 使用“样式”角色列: var data = new google.visualization.DataTable(); data.addColumn('string', 'N'); data.addColumn('number', 'Value'); data.addColumn({type: 'string', role: 'sty

我想为谷歌条形图中的每一列指定一种特定的颜色。 我想知道做这件事最好的方法是什么。我想包括一个颜色十六进制代码到每个数据点

我有一个JSFIDLE如下:

使用“样式”角色列:

var data = new google.visualization.DataTable();    
data.addColumn('string', 'N');
data.addColumn('number', 'Value');
data.addColumn({type: 'string', role: 'style'});
data.addRow(['Orange', 0, 'color: #FF8000']);
data.addRow(['Red', 0, 'color: #FF0000']);
data.addRow(['Green', 0, 'color: #00FF00']);
data.addRow(['Blue', 0, 'color: #0000FF']);
data.addRow(['Purple', 0, 'color: #800080']);

fiddle:

您还可以指定选项。颜色

option.color = ['#0f0', '#00f'];

在代码示例中,
option.color
应该是
option.colors
option.color = ['#0f0', '#00f'];