做echart图表的时候,如果数据是从接口获取的,那当重新请求接口,数据发生变化的时候echart图表却还是维持原样不更新,这时候有三种方法可解决此问题:
<div id="echart" ref="echart"></div>
//获取数据后加载获取echart的方法
this.$refs["echart"].getChart();
getChart() {
let option = {
...
xAxis: [
data: this.data
]
};
option && myChart.setOption(option);
}
1、利用ref
//获取数据后加载获取echart的方法
this.$refs["echart"].getChart();
2、监听
watch: {
data() {
this.getChart();
}
}
3、setOption方法设置为true(最好用)
option && myChart.setOption(option, true);