Vega图形滞后于鼠标悬停

时间:2020-07-12 18:44:28

标签: d3.js vega-lite vega

我要可视化的数据量非常大(大约400个节点和1000条路径)。但是,当在Angular 9中使用javascript API(已嵌入vega)时,执行鼠标悬停事件时可视化会滞后/挂起。我已经使用相同的数据源在vega编辑器(下面链接)上进行了尝试,并且没有延迟。我在下面将其显示为gif,

Vega编辑器:

enter image description here

角度:

enter image description here

如您所见,角度的事件大约需要几秒钟,但在vega编辑器上是即时的。我使用的是相同的规格和相同的数据源,所以我无法弄清楚哪里出了问题。

Vega编辑器: Link

我非常感谢您的帮助!谢谢。

1 个答案:

答案 0 :(得分:0)

通常,在具有许多元素的Vega / Vega-Lite图中会发现滞后。对于标准的vega渲染,实际上没有任何解决方法,但是有一些努力使Vega更好地扩展到大型数据集。例如参见https://github.com/vega/scalable-vega