elasticsearch - Vega-lite热图检测颜色

Question

"data": {
"values": [
  {"x": 0, "y": 0, "z": 0},
  {"x": 1, "y": 0, "z": 1},
  {"x": 2, "y": 0, "z": 5},
  {"x": 2, "y": 0, "z": 10},
  {"x": 4, "y": 0, "z": 16},
  {"x": 0, "y": 1, "z": 1},
  {"x": 1, "y": 1, "z": 2},
  {"x": 2, "y": 1, "z": 5},
  {"x": 3, "y": 1, "z": 10},
  {"x": 5, "y": 1, "z": 26}
]},

如何设置颜色？

0 < AVG(z) < 20 green

20 < AVG(z) < 25 yellow

25 < AVG(z) < 30 orange

30 < AVG(z) < 100 red

Vega Editor

Answer 1

您可以将bin变换与自定义颜色方案一起使用，以将连续值映射到离散颜色。例如:

"color": {
  "field": "z",
  "scale": {"scheme": "redyellowgreen"},
  "type": "ordinal",
  "bin": {"step": 5}
}

图表的结果如下所示( vega editor):



如果您想要非常特定的垃圾箱和颜色，可以通过调整 Bin Parameters并使用 Custom Color Schemes来实现。