JVM*_*JVM 3 data-visualization bar-chart d3.js vega vega-lite
我想更改 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"}
}
}
Run Code Online (Sandbox Code Playgroud)
提前致谢。
我找到了我自己问题的答案。:) 我应该在编码块内添加一个颜色键。请参阅下面的更新代码:
{
"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"}
}
}
Run Code Online (Sandbox Code Playgroud)