VUE+echarts异步获取数据后加载图表

最新推荐文章于 2022-03-14 20:12:04 发布

Dell_Rockn

最新推荐文章于 2022-03-14 20:12:04 发布

阅读量886

点赞数

文章标签： echarts vue.js javascript

本文链接：https://blog.csdn.net/Dell_Rockn/article/details/122102530

版权

vue异步获取数据后，给echarts的配置option对象中添加数据后，发现图表并不会更新。说明echarts初始化后再修改option中的数据并不会触发echarts的更新，我也没有去查阅过echarts官网的API，不知道有没有可以触发更新的。网上看了一些博客，有把option放在异步回调中init的，有使用JQ的done方法触发更新的。但这样看起来太杂了，最后动动脑筋，考验vue基本功的时候到了。
vue的v-if不是对dom的隐藏，是销毁与重新创建，只需要在异步获取数据后，v-if设置个flag生成echarts不就行了吗？完美解决！

<ta-echarts :option="option" style="width: 100%; height: 206px" v-if="showCharts"/>