vega-lite:可调选择?
vega-lite: Adjustable selection?
有没有办法在 vega-lite 中获得可调整的选择?
我找到了这个例子,但我认为这是用普通织女星制作的。
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
}
有没有办法在 vega-lite 中获得可调整的选择?
我找到了这个例子,但我认为这是用普通织女星制作的。
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
}