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

鲨鱼鲨

该文档介绍了如何通过指定样式数据角色列来更改整个栏的颜色。

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

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

但是,如果我要创建堆积的条形图怎么办?每个记录/项目在其不同部分具有多个值。如何选择每个部分的颜色(基于列/属性的颜色),而不是为每个项目记录选择颜色?

鲨鱼鲨

您可以随意使用colors配置选项:

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

}

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

使用Google Charts API的堆积条形图

来自分类Dev

Google Charts条形图:如何手动更改每个条形的颜色?(单系列)

来自分类Dev

Google Charts条形图

来自分类Dev

Google图表-堆积条形图。如何在每个栏中引入不同的颜色

来自分类Dev

更改特定变量R ggplot堆积条形图的颜色

来自分类Dev

如何使用e_charts()在同一图表中组合条形图和线形图?

来自分类Dev

如何注释堆积条形图的每个部分?

来自分类Dev

Google Charts条形图-很高和很低的值

来自分类Dev

更改条形图图例中的颜色

来自分类Dev

如何在matplotlib中制作堆积的条形图?

来自分类Dev

如何使用jqplot和堆积条形图更改某一特定条的颜色

来自分类Dev

Google Charts使用php if语句更改颜色

来自分类Dev

如何在Google Charts条形图中绘制平均列?

来自分类Dev

如何缩放ggplot堆积的条形图

来自分类Dev

如何水平显示堆积的条形图?

来自分类Dev

Charts.js-多系列折线/条形图上堆积条形的颜色不起作用

来自分类Dev

如何更改Google Chart API条形图上的标签颜色?

来自分类Dev

Google Charts API CalendarChart

来自分类Dev

在 R 中的分组条形图 ggplot 中更改颜色

来自分类Dev

Google Diff条形图-更改条形颜色

来自分类Dev

Google条形图无法更改单个条形颜色

来自分类Dev

Google Diff条形图-更改条形颜色

来自分类Dev

条形图[Google Charts]是否可以使用vAxis:{slantedText:true}?

来自分类Dev

条形图[Google Charts]是否可以使用vAxis:{slantedText:true}?

来自分类Dev

如何将堆积的条形图作为对堆积的条形图的细化?

来自分类Dev

如何在R中以水平堆积条形图的样式创建时间序列图

来自分类Dev

如何修改OHLC图表中条形图的默认颜色?

来自分类Dev

在 Google Charts 中为 Barchart 的条形着色

Related 相关文章

  1. 1

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

  2. 2

    使用Google Charts API的堆积条形图

  3. 3

    Google Charts条形图:如何手动更改每个条形的颜色?(单系列)

  4. 4

    Google Charts条形图

  5. 5

    Google图表-堆积条形图。如何在每个栏中引入不同的颜色

  6. 6

    更改特定变量R ggplot堆积条形图的颜色

  7. 7

    如何使用e_charts()在同一图表中组合条形图和线形图?

  8. 8

    如何注释堆积条形图的每个部分?

  9. 9

    Google Charts条形图-很高和很低的值

  10. 10

    更改条形图图例中的颜色

  11. 11

    如何在matplotlib中制作堆积的条形图?

  12. 12

    如何使用jqplot和堆积条形图更改某一特定条的颜色

  13. 13

    Google Charts使用php if语句更改颜色

  14. 14

    如何在Google Charts条形图中绘制平均列?

  15. 15

    如何缩放ggplot堆积的条形图

  16. 16

    如何水平显示堆积的条形图?

  17. 17

    Charts.js-多系列折线/条形图上堆积条形的颜色不起作用

  18. 18

    如何更改Google Chart API条形图上的标签颜色?

  19. 19

    Google Charts API CalendarChart

  20. 20

    在 R 中的分组条形图 ggplot 中更改颜色

  21. 21

    Google Diff条形图-更改条形颜色

  22. 22

    Google条形图无法更改单个条形颜色

  23. 23

    Google Diff条形图-更改条形颜色

  24. 24

    条形图[Google Charts]是否可以使用vAxis:{slantedText:true}?

  25. 25

    条形图[Google Charts]是否可以使用vAxis:{slantedText:true}?

  26. 26

    如何将堆积的条形图作为对堆积的条形图的细化?

  27. 27

    如何在R中以水平堆积条形图的样式创建时间序列图

  28. 28

    如何修改OHLC图表中条形图的默认颜色?

  29. 29

    在 Google Charts 中为 Barchart 的条形着色

热门标签

归档