数据不适合VEGA树形布局图

时间:2018-06-02 07:30:30

标签: jquery vega

我已经

https://cdn.jsdelivr.net/npm/vega@4.0.0-rc.2 https://cdn.jsdelivr.net/npm/vega-embed@3.0.0

并且我在json数组中总共有1500个数据。 对于 等级1:1 2级:20 等级3:1479

在渲染时没有正确显示。因为它不适合窗口。那么有什么方法可以在渲染后以任何其他方式显示实际大小?

1 个答案:

答案 0 :(得分:1)

要显示VEGA树布局图(如果数据非常大,则它们相互重叠),我们必须根据必须传递的数据量设置足够的宽度和高度。为此,我们需要在解析图表时计算宽度和高度,因此需要提前进行计算。

如何提前计算: 首先,我们需要查看是否有1000个数据,然后消耗多少宽度和高度,

例如,要正确显示1000个数据,则需要用width:500px和height:500px。 使逻辑随着数据的增加或减少而增加宽度和高度 假设我们有1500个数据,然后数据增加了500个,然后

JSONArray

这是动态设置宽度和高度的一种可能方式,希望对您有所帮助。