如何在Google Charts API中更改堆积条形图的部分颜色？

Question

The docs描述了如何通过指定样式数据角色列来更改整个栏的颜色。

  var data = google.visualization.arrayToDataTable([
         ['Element', 'Density', { role: 'style' }],
         ['Copper', 8.94, '#b87333'],            // RGB value
         ['Silver', 10.49, 'silver'],            // English color name
         ['Gold', 19.30, 'gold'],
         ['Platinum', 21.45, 'color: #e5e4e2' ], // CSS-style declaration
      ]);

然后，数据表的每个记录/项目都可以指定一种颜色来表示自己。

但是如果我要创建堆积条形图呢？每个记录/项目的不同部分都有多个值。如何选择每个部分的颜色（基于列/属性着色），而不是为每个项目记录选择颜色？

Answer 1

您可以使用 colors 配置选项：

columnChart.options = {
    ....
    colors: ['steelblue','orange','red']
     ...

}

colors键与一个数组相关联，其中每个字符串元素指定用于为条形图部分着色的颜色（列属性）。更改顺序以实现所需的部分着色。