vega-lite:可调选择？

Question

有没有办法在vega-lite中获得一个可调整的选择？

我找到了这个例子，但我认为这是用朴素的vega制作的。

​

​

Answer 1

Vega-Lite不提供任何方法来创建具有可通过在边缘上单击和拖动来调整大小的间隔选择。

interval selection docs中列出了可用的配置属性。唯一可配置的交互是translate和zoom，前者可以通过单击和拖动来移动选择，后者可以通过放大内部来更改选择的大小；默认情况下，这两个交互都是True。

下面是一个简单的规范，让您看到这些配置(open in editor)的效果：

{
  "data": {"url": "data/sp500.csv"},
  "mark": "area",
  "selection": {
    "brush": {
      "type": "interval",
      "encodings": ["x"],
      "zoom": true,
      "translate": true
    }
  },
  "encoding": {
    "x": {"field": "date", "type": "temporal"},
    "y": {"field": "price", "type": "quantitative"}
  },
  "width": 400
}