Javascript 为谷歌图表中的每个条指定不同的颜色

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

我试图为柱形图中的每个条指定不同的颜色,但当我尝试时,每个条都会得到相同的颜色

代码:

我知道这很容易,但现在我看不出来。请帮帮我

多谢各位

LAR更改为:

...
// 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
...