在altair图点击上运行javascript

时间:2018-11-17 10:50:52

标签: javascript interaction vega vega-lite altair

我可以生成由多个链接的子图组成的高度图,如著名的汽车数据可视化所示:https://altair-viz.github.io/gallery/selection_histogram.html

一个子图中的点击/选择可能会影响其他子图,主要是通过过滤数据。

但是,我自己没有情节,但是它被嵌入到更大的Web门户中(请考虑汽车经销店页面)。因此,我的门户网站由嵌入Altair图的Flask服务页面驱动。可以在此处看到一个示例:https://github.com/lemoncyb/flasked-altair

从功能上讲,我想单击地块中的一辆车,然后在地块范围之外显示有关此车的一些信息(例如,导航到门户中的另一页)。

从技术上讲,我想在单击/选择时运行自定义Javascript代码。

这怎么可能?一个人该如何围绕一个需要该图与该网站其余部分进行交互的altair图构建更大的站点/应用程序?

1 个答案:

答案 0 :(得分:1)

这不能通过Altair本身完成,但是Altair通过Vega-Lite渲染其图,Vega-Lite本身已编译为Vega。 Vega的View API提供了Javascript API,用于以您所询问的方式处理事件和回调。您可以在Vega的Event Handling文档中阅读更多内容。