vega-lite:单个图表中的多个标记

Question

我目前正在评估我应该为开箱即用的图表使用哪种类型的js图表引擎，vega-lite在相当简单和灵活的同时脱颖而出。然而，我想知道是否有可能在一个图表中有多种类型的标记。例如，我可能有一个很长的每月时间序列，我可能会考虑一个条形层，具有逐月平均值，而在线层中，我可能会有正在进行的一年的观测值的演变。

我没有在vega-lite的网页上看到有多个标记的例子。因此，如果有人知道如何做到这一点，或者知道任何这样的例子，我将非常感谢您的反馈。

干杯

毛利西奥

Answer 1

可以使用"layers"规范将多个点类型层叠在一起。它相对较新，所以Vega-Lite网站上还没有太多的例子，但这里有一个例子：

{
  "data": {
    "values": [
      {"x": 1,"y": 2},
      {"x": 2,"y": 4},
      {"x": 3,"y": 5},
      {"x": 4,"y": 3},
      {"x": 5,"y": 4}
    ]
  },
  "layers": [
    {
      "encoding": {
        "x": {"type": "quantitative","field": "x"},
        "y": {"type": "quantitative","field": "y"}
      },
      "mark": "line",
      "config": {"mark": {"color": "#1f77b4"}}
    },
    {
      "encoding": {
        "x": {"type": "quantitative","field": "x"},
        "y": {"type": "quantitative","field": "y"}
      },
      "mark": "point",
      "config": {"mark": {"color": "#ff7f0e"}}
    }
  ]
}

​

​

每一层都是一种引用全局数据的编码；您还可以在每一层中指定不同的数据。

请注意，上述规范在Vega-Lite版本1.x中是正确的。在Vega-Lite2.x版本中，"layers"已更改为"layer"，以及其他更改。