我正在尝试创建一个柱形图,并且当它们的值为负时,我希望这些列是红色的。这是我的功能:
function drawChartFlows(data, title, id) {
if (googleAPILoaded != true)
return;
var array = new google.visualization.DataTable();
array.addColumn('number', 'months');
array.addColumn('number', 'flows');
var flows = dataToArray(data);
var series = [];
for (var it = 0; it < flows.length; it++) {
var flow = Number(flows[it]);
if (flow <= 0) {
series[it] = 'red';
array.addRow([it, (flow*(-1))]);
} else {
series[it] = 'blue';
array.addRow([it, flow]);
}
}
var options = {
title: 'Cash flows for '+title,
width: 1400,
height: 800,
legend: { position: 'none' },
chart: { subtitle: 'monthly flows' },
axes: {
x: {
0: { side: 'top', label: 'Cash flows'}
}
},
bar: { groupWidth: "50%" },
colors: series
};
var chart = new google.visualization.ColumnChart($(id)[0]);
chart.draw(array, options);
}
列显示正确,但它们都是蓝色的。我注意到所有列的颜色取决于系列 [0] 中的颜色。如果 series[0] 是“蓝色”,那么无论我在 series[] 的其他插槽中放入什么颜色,所有列都是蓝色的。
我做错了什么 ?先感谢您 !