如何更改 Vega-lite 条形图中条形的颜色?

Posted

技术标签:

【中文标题】如何更改 Vega-lite 条形图中条形的颜色?【英文标题】:How do I change color of a bar in Vega-lite Bar Chart? 【发布时间】:2016-05-18 15:59:40 【问题描述】:

我想更改 Vega-Lite 条形图中条形的默认蓝色。我该怎么做?我在下面发布 json 规范:


 "data": 
 "values": [
  "a":"A", "b":28, "a":"B", "b":55, "a":"C", "b":43,
  "a":"D", "b":91, "a":"E", "b":81, "a":"F", "b":53,
  "a":"G", "b":19, "a":"H", "b":87, "a":"I", "b":52
 ]
 ,
 "mark": "bar",
 "encoding": 
 "x": bin:false, "type": "ordinal","field": "a",
 "y": "type": "quantitative","field": "b"
 

提前致谢。

【问题讨论】:

【参考方案1】:

我找到了自己问题的答案。 :) 我应该在编码块中添加一个 color 键。请参阅下面的更新代码:


 "data": 
 "values": [
  "a":"A", "b":28, "a":"B", "b":55, "a":"C", "b":43,
  "a":"D", "b":91, "a":"E", "b":81, "a":"F", "b":53,
  "a":"G", "b":19, "a":"H", "b":87, "a":"I", "b":52
 ]
,
 "mark": "bar",
 "encoding": 
 "x": "type": "ordinal","field": "a",
 "y": "type": "quantitative","field": "b",
 "color": "value": "#ff9900"


【讨论】:

以上是关于如何更改 Vega-lite 条形图中条形的颜色?的主要内容,如果未能解决你的问题,请参考以下文章

更改条形图中的条形颜色

更改 ggplotly() 重叠条形图中的条形颜色

Kendo UI-如何更改条形图中 X 轴的颜色

react如何改变Echart条形图中Select Bar的颜色

在 100% 堆叠的条形图中更改颜色 python

ggplot2:更改条形图中每个方面的颜色