json 简单条形图和有序类别中条形的颜色梯度

au9on6nz  于 2023-10-21  发布在  其他
关注(0)|答案(1)|浏览(97)

我似乎不能简单地改变顺序类别上条形图的颜色。我能够通过设置序数类型的颜色编码来为每个条形图给予不同的颜色。但它默认为蓝色配色方案。我希望颜色的范围是不同的。从#FFFFFF到#000000。我无法找到如何提供我自己的这样的颜色,颜色梯度将基于。有人有线索吗?
这就是我所尝试的:

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "description": "A simple bar chart with embedded data.",
  "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": {"field": "a", "type": "nominal", "axis": {"labelAngle": 0}},
    "y": {"field": "b", "type": "quantitative"},
    "color": {"field": "a", "type": "ordinal"}
  }
}

它看起来是这样的:Example bar chart
正如你所看到的,它只是给出了一个蓝色的范围。我如何提供我自己的?

pobjuy32

pobjuy321#

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "description": "A simple bar chart with embedded data.",
  "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": {"field": "a", "type": "nominal", "axis": {"labelAngle": 0}},
    "y": {"field": "b", "type": "quantitative"},
    "color": {"field": "a", "type": "ordinal" ,"scale":{"scheme":["blue", "red"], "interpolate":"cubehelix"}}
  }
}

相关问题