Javascript 为谷歌图表中的每个条指定不同的颜色
我试图为柱形图中的每个条指定不同的颜色,但当我尝试时,每个条都会得到相同的颜色 代码: 我知道这很容易,但现在我看不出来。请帮帮我 多谢各位 LAR更改为:Javascript 为谷歌图表中的每个条指定不同的颜色,javascript,google-visualization,Javascript,Google Visualization,我试图为柱形图中的每个条指定不同的颜色,但当我尝试时,每个条都会得到相同的颜色 代码: 我知道这很容易,但现在我看不出来。请帮帮我 多谢各位 LAR更改为: ... // Create the data table. var data = new google.visualization.DataTable(); var raw_data = [ ['A', 40], ['B', 17], ['C', 7] ]; data.addColumn('string', 'C
...
// Create the data table.
var data = new google.visualization.DataTable();
var raw_data = [
['A', 40],
['B', 17],
['C', 7]
];
data.addColumn('string', 'Columns');
for (var i = 0; i < raw_data.length; ++i) {
data.addColumn('number', raw_data[i][0]);
}
data.addRows(1);
data.setValue(0, 0, 'row');
for (var i = 0; i < raw_data.length; ++i) {
data.setValue(0, i+1, raw_data[i][1]);
}
// Set chart options
...
改为:
...
// Create the data table.
var data = new google.visualization.DataTable();
var raw_data = [
['A', 40],
['B', 17],
['C', 7]
];
data.addColumn('string', 'Columns');
for (var i = 0; i < raw_data.length; ++i) {
data.addColumn('number', raw_data[i][0]);
}
data.addRows(1);
data.setValue(0, 0, 'row');
for (var i = 0; i < raw_data.length; ++i) {
data.setValue(0, i+1, raw_data[i][1]);
}
// Set chart options
...
我添加了一个简化版本。我添加了一个简化版本。
...
// Create the data table.
var data = new google.visualization.DataTable();
var raw_data = {
'A': 40
, 'B': 17
, 'C': 7
};
data.addRows(1);
var i = 0;
for (var index in raw_data) {
data.addColumn('number', index);
data.setValue(0, i++, raw_data[index]);
}
// Set chart options
...