Charts 如何在谷歌条形图中指定条形图颜色

Charts 如何在谷歌条形图中指定条形图颜色,charts,google-visualization,bar-chart,Charts,Google Visualization,Bar Chart,我有一个由两个数据系列组成的图表,每个数据系列有两个值。如何使表示第一个系列中第一个值的条形图的颜色与表示第二个系列中第一个值的条形图的颜色不同 下面是我如何设置该系列的 chartData[0] = ['Type', 'Scheduled', 'Actual', {role: 'style'}] chartData[1] = ['Today', data['exchanges']['Planned']['Today'], data['exchanges']['A

我有一个由两个数据系列组成的图表,每个数据系列有两个值。如何使表示第一个系列中第一个值的条形图的颜色与表示第二个系列中第一个值的条形图的颜色不同

下面是我如何设置该系列的

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

这将为两个系列的第一个栏设置相同的颜色,如下所示:

.

我想做的是将过期栏的颜色设置为红色,但不知道如何操作。

正如您所发现的,颜色和系列选项对系列的颜色都相同

必须使用“样式”角色为同一系列中的条形图添加不同的颜色

样式角色列必须位于其应应用于的系列列之后

您已经在示例中包含了样式角色,但仅包含在一个系列中,并且为空

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'];

谢谢,效果很好,因为我想在过期的系列中使用红色,所以我不得不将“红色”和“蓝色”互换。还有一个问题要处理。图例现在显示蓝色为计划颜色,红色为实际颜色,绿色完全不包括在内。有没有什么方法可以自定义图例,使其包含所有三种颜色,蓝色表示“计划”,绿色表示“实际”,红色表示可能只是“过期”?我开始怀疑是否可以更容易地将其制作成两个单独的图表,一个是今天的,另一个是过期的,每个都有自己的图例。图例遵循颜色/系列选项中的颜色。样式角色将使图例无效。你可以使用单独的图表或建立自己的传奇…谢谢,我想这就是原因。我想我会把现有的图表分为两部分,谢谢你的帮助。