[英]Assign different color to each bar in a google chart
我試圖為柱形圖中的每個條分配不同的顏色,但是當我嘗試每個條都獲得相同的顏色時。
碼:
// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Something');
data.addColumn('number', 'Numbers');
data.addRows([
['A', 40],
['B', 17],
['C', 7]
]);
// Set chart options
var options = {'title':'Megafon 27/10 2011',
'width':1300,
'height':600,
'colors' : ['red', 'blue', 'green']
};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, 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
...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.