[英]How to change bar color (Google Chart Visualization)
我無法更改此柱形圖的顏色。 現在,它顯示的是默認的藍色而不是青色。
它是直播: http : //leighmckenzie.com/ballet-analysis/#when
google.load("visualization", "1.1", {packages:["bar"]});
google.setOnLoadCallback(drawStuff);
function drawStuff() {
var data = new google.visualization.arrayToDataTable([
['Day of the Week', 'Number of Orders'],
["Monday", 5458],
["Tuesday", 4006],
["Wednesday", 3686],
["Thursday", 3675],
["Friday", 4006],
["Saturday", 3379],
["Sunday", 3395],
]);
var options = {
series: { 0: {color: '#00ada2'} },
width: 300,
height: 380,
legend: { position: 'none' },
bar: { groupWidth: "80%" }
};
var chart = new google.charts.Bar(document.getElementById('orders-during-week'));
// Convert the Classic options to Material options.
chart.draw(data, google.charts.Bar.convertOptions(options));
};
您可以指定與系列數組匹配的顏色數組。
google.load("visualization", "1.1", {packages:["bar"]});
google.setOnLoadCallback(drawStuff);
function drawStuff() {
var data = new google.visualization.arrayToDataTable([
['Day of the Week', 'Number of Orders'],
["Monday", 5458],
["Tuesday", 4006],
["Wednesday", 3686],
["Thursday", 3675],
["Friday", 4006],
["Saturday", 3379],
["Sunday", 3395],
]);
var options = {
width: 300,
height: 380,
legend: { position: 'none' },
bar: { groupWidth: "80%" },
colors: ['#00ada2']
};
var chart = new google.charts.Bar(document.getElementById('chart'));
// Convert the Classic options to Material options.
chart.draw(data, google.charts.Bar.convertOptions(options));
};
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.