当前位置: 首页 > Web前端 > vue.js

Echarts动态获取数据并触发视图更新

时间:2023-03-31 18:43:03 vue.js

使用Echarts更新数据或拉取数据时,遇到以下问题,无法立即触发视图更新,数据格式混乱。解决方案:数据格式混乱//举个栗子三部曲避免格式混乱this.chart.clear()//先清空图表this.chart.setOption(option,true)//再设置配置this.chart.hideLoading()//关闭加载触发视图更新由于项目使用vuecli,方法如下,y_axis(newVal,oldVal){this.initChart(newVal,this.content)}},