Javascript 如何为堆叠图表中的每个条形图指定相同的颜色
如何在谷歌可视化中为不同的条形图提供相同的颜色。Javascript 如何为堆叠图表中的每个条形图指定相同的颜色,javascript,google-visualization,Javascript,Google Visualization,如何在谷歌可视化中为不同的条形图提供相同的颜色。 我也试图找到谷歌,但我没有找到任何有用的解决方案。我想要这样。请检查此链接:也许可以按照此答案中的建议尝试: 我试着在堆叠的形式下为一个酒吧寻找相同的颜色,底部为不同的酒吧深色,顶部为相同的亮色。使用“风格”角色栏来控制颜色;看见 function drawVisualization() { // Create and populate the data table. var data = new google.visualization.Dat
我也试图找到谷歌,但我没有找到任何有用的解决方案。我想要这样。请检查此链接:也许可以按照此答案中的建议尝试: 我试着在堆叠的形式下为一个酒吧寻找相同的颜色,底部为不同的酒吧深色,顶部为相同的亮色。使用“风格”角色栏来控制颜色;看见
function drawVisualization() {
// Create and populate the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');
data.addColumn('number', 'SalesMax');
data.addRows(4);
data.setValue(0, 0, '2004');
data.setValue(0, 1, 1000);
data.setValue(0, 2, 0);
data.setValue(1, 0, '2005');
data.setValue(1, 1, 1170);
data.setValue(1, 2, 0);
/* NEED TO MAKE THIS BAR RED? */
data.setValue(2, 0, '2006');
data.setValue(2, 1, 0);
data.setValue(2, 2, 1400);
data.setValue(3, 0, '2007');
data.setValue(3, 1, 1030);
data.setValue(3, 2, 0);
var chart = new google.visualization.BarChart(document.getElementById('visualization'));
chart.draw(data, {isStacked: true, width: 400, height: 240, title: 'Company Performance',
vAxis: {title: 'Year', titleTextStyle: {color: 'red'}},
series: [{color: 'blue', visibleInLegend: true}, {color: 'red', visibleInLegend: false}]
});
}