如何动态更改Vega模式
如何动态更改Vega模式
提问于 2018-02-06 06:31:00
我在Vega lite中有以下代码。我想将变换过滤器1850更改为2000。请建议如何更改架构的转换筛选器。如果可能的话，有没有动态数据更改和更新视图的示例。人口数据取自https://vega.github.io/editor/data/population.json
var yourVlSpec = {
"$schema": "https://vega.github.io/schema/vega-lite/v2.json",
"data": {
"url": "https://vega.github.io/editor/data/population.json",
"format": {
"type": "json"
}
},
"transform": [
{
"filter": "datum.year == 1850"
}
],
"mark": "bar",
"encoding": {
"x": {
"aggregate": "sum",
"field": "people",
"type": "quantitative",
"axis": {
"title": "population"
}
}
},
"config": {
"scale": {
"rangeStep": 21
}
}
}
vegaEmbed('#vis', yourVlSpec).then(function (result) {
result.spec.transform[0] = '{filter: "datum.year == 2000"}';
}).catch(console.error);<html>
<head>
<title>Embedding Vega-Lite</title>
<script src="https://cdn.jsdelivr.net/npm/vega@3.0.10"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-lite@2.1.2"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-embed@3.0.0"></script>
</head>
<body>
<div id="vis"></div>
<div id="view"></div>
</body>
</html>
回答 1
Stack Overflow用户
发布于 2018-02-11 09:26:00
您可以使用选择(https://vega.github.io/vega-lite/docs/selection.html)和基于选择的过滤器(https://vega.github.io/vega-lite/docs/filter.html#selection-predicate)来实现这一点。如果这不是一个选项，你将需要使用Vega Signals和Vega View API。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48632557
复制相关文章
相似问题
腾讯云开发者
