javascript - Vega 可视化 - 如何在使用 vega 视图时启用操作
问题描述
我在我的 django 项目中使用 vega 图表。到目前为止,我一直使用 vegaEmbed 在网页上显示图表,但现在我想切换到 vega 视图,但在任何地方都找不到如何在使用 vega 视图时启用操作。
这是我的 vegaEmbed 代码:
`<script>
var {{ c.ident }} = {{ c.jSon|safe }}
var {{ c.ident }}_opt = {
actions: true
}
vegaEmbed('#{{ c.ident }}', {{ c.ident }}, {{ c.ident }}_opt);
vegaEmbed('#{{ c.ident }}', {{ c.ident }});
</script>`
这段代码带有 vega 视图:
`<script>
var vegaJson = {{ jSon|safe }};
var view = new vega.View(vega.parse(vegaJson))
.renderer('svg')
.initialize('#chartDiv')
.hover()
.run();
window.onresize = function (event) {
view.signal('width', event.target.innerWidth - 200)
.signal('height', event.target.innerHeight - 450)
.run('enter');
}
</script>`
知道如何在使用 vega 视图时启用操作吗?
解决方案
操作菜单不是由 vega view API 定义的,它是在 vega-embed 中定义的。
以下是 vega-embed 如何创建操作菜单。
如果你想避免使用 Vega-Embed 并且你仍然想要一个类似于 Vega-Embed 实现的操作菜单,你将不得不在你的 vega 视图脚本中编写类似的代码。
推荐阅读
- kotlin - 在方法开始处使用箭头符号(->)的目的是什么?
- javascript - 批量大小为 0 或 NaN。请选择一个非零分数
- jenkins - aws cloudformation deploy 在添加 --tags 时失败
- xslt - fop xslt 转换后 pdf 中的可选列
- unit-testing - 在 jest/enzyme 中将 e.target 作为 DOM 节点发送
- php - 内部联接和按日期过滤不起作用会引发完整性约束违规错误
- angular-material - 角材料主题
- php - CodeIgniter 中的 URI 路由导致 404 错误
- javascript - 当用户访问网站时隐藏桌面推送通知
- java - Android Oreo onTaskRemoved 事件不起作用(Android 版本 Oreo)