如何在仍在呈现的div中构建图形？

Question

在我们的webapps中，我们经常显示从AJAX调用返回的数据的图形或3D渲染。

在用户单击按钮并从服务器返回JSON之前，尚未显示包含图形或3D模型的div，例如通过使用v-show属性设置div：{{1} }

这种方法的问题在于图形库（如highcharts或plotly）需要使用此div来获取div的高度和宽度以开始构建图形。但即使我们首先将v-show标志设置为true，它也不够快，因此图形javascript代码可以使用div的维度。

你知道这个问题的解决方案吗？

Answer 1

我也在Vue使用Highcharts并遇到了类似的问题。我的解决方案只是在Div显示后在图表上调用reflow()。 希望它有所帮助。