学无先后,达者为师

网站首页 Vue 正文

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

作者:Dell_Rockn 更新时间: 2022-01-08 Vue

        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"/>

        

 

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

栏目分类
最近更新