如何为堆积图表中的每个条形图提供相同的颜色

时间:2014-01-20 06:26:26

标签: javascript google-visualization

如何在Google Visualization堆叠条形图中为不同的条形图提供相同的颜色。 我也尝试找到谷歌,但我找不到任何有用的解决方案。我想要这样..请检查此链接: Chart Image

1 个答案:

答案 0 :(得分:0)

也许按照这个答案中的建议尝试:Google Charts - Change individual bar color

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}]
                         });
}