如何在 Google 条形图中分配条形颜色

Question

我有一个由两个数据系列构建的图表，每个系列都有 2 个值。我怎样才能使代表第一个系列中第一个值的条与代表第二个系列中第一个值的条具有不同的颜色。

这是我设置系列的方式。

chartData[0] = ['Type', 'Scheduled', 'Actual', {role: 'style'}]
                chartData[1] = ['Today', data['exchanges']['Planned']['Today'], data['exchanges']['Actual']['Today'], ''];
                chartData[2] = ['Overdue', data['exchanges']['Planned']['Overdue'], data['exchanges']['Actual']['Overdue'], ''];

然后我这样设置系列选项：

series: [{color: "#001E60"}, {color: "#BDC667"}]

这会为两个系列的第一个柱设置相同的颜色，如下所示：

.
我想做的是将颜色为 #001E60 的过期条的颜色设置为红色，但不知道该怎么做。

Answer 1

如您所见，颜色和系列选项都为系列着色。

您必须使用样式角色为同一系列不同颜色的条着色。

样式角色列必须跟在它应该应用到的系列列之后。

您在示例中包含了样式角色，但仅包含一个系列，并且它是空白的。

chartData[0] = ['Type', 'Scheduled', {role: 'style'}, 'Actual', {role: 'style'}]
  chartData[1] = ['Today', data['exchanges']['Planned']['Today'], 'red', data['exchanges']['Actual']['Today'], 'green'];
  chartData[2] = ['Overdue', data['exchanges']['Planned']['Overdue'], 'blue', data['exchanges']['Actual']['Overdue'], 'green'];

如何在 Google 条形图中分配条形颜色

How to assign bar colors in Google bar chart

charts

google-visualization

bar-chart