gpt4 book ai didi

charts - Google Charts - 更改单个条形颜色

转载 作者:行者123 更新时间:2023-12-03 10:46:25 28 4
gpt4 key购买 nike

使用 Google Charts 条形图,是否可以更改一个条形的颜色。例如,我想将 2006 年的数据设为红色(其他条形为蓝色)。

 function drawVisualization() {
// Create and populate the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');

data.addRows(4);
data.setValue(0, 0, '2004');
data.setValue(0, 1, 1000);

data.setValue(1, 0, '2005');
data.setValue(1, 1, 1170);

/* NEED TO MAKE THIS BAR RED? */
data.setValue(2, 0, '2006');
data.setValue(2, 1, 1400);

data.setValue(3, 0, '2007');
data.setValue(3, 1, 1030);


chart = new google.visualization.BarChart(document.getElementById('visualization'));
chart.draw(data, {width: 400, height: 240, title: 'Company Performance',
vAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
});
}

最佳答案

这是更改颜色的代码示例。请注意,
“颜色”选项接受字符串数组。

var options = {
title: 'Company Performance',
hAxis: {title: 'Year', titleTextStyle: {color: 'red'}},
colors: ['red','green'],
is3D:true
};

关于charts - Google Charts - 更改单个条形颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10592776/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com