更改Google堆积条形图颜色(材料条形图)

Question

var data = google.visualization.arrayToDataTable(stats_data);

var options = {
    width: 1400,
    height: 400,
    legend: { position: 'top', maxLines: 3 },
    bar: { groupWidth: '75%' },
    isStacked: true,
    bars: 'vertical',
    colors:['#999','#346ac9', '#279423', '#fc9826'],
};

var chart = new google.charts.Bar(document.getElementById('chart-recent'));
chart.draw(data, google.charts.Bar.convertOptions(options));

我有一个堆积条形图,我希望每种颜色都不同(灰色,蓝色,绿色,橙色).但是,这些部分的颜色只是采用多种亮度的第一种颜色(灰色).

我也试过这个options:

series: [
    {color: '#999'},
    {color: '#346ac9'},
    {color: '#279423'},
    {color: '#fc9826'}
]

如何让每个系列都有不同的颜色？

Answer 1

我能够在这里使用颜色

当生成图表时，我必须使用：new google.visualization.ColumnChart(...)而不是new google.charts.Bar(...)否则它不会正确堆叠。

您可能还想确保您使用的是最新版本的 Google 图表。在上面的小提琴中，我使用了开发人员文档中的示例，这些示例使用：https://www.google.com/jsapi自动加载所有内容。