解决echarts数据更新了图表不更新
做echart图表的时候,如果数据是从接口获取的,那当重新请求接口,数据发生变化的时候echart图表却还是维持原样不更新咋搞???放心! 有3种方法请听我娓娓道来!<div id="echart" ref="echart"></div>//获取数据后加载获取echart的方法this.$refs["echart"].getChart();getChart() {let o
·
做echart图表的时候,如果数据是从接口获取的,那当重新请求接口,数据发生变化的时候echart图表却还是维持原样不更新
咋搞???
放心! 有3种方法
请听我娓娓道来!
<div id="echart" ref="echart"></div>
//获取数据后加载获取echart的方法
this.$refs["echart"].getChart();
getChart() {
let option = {
...
xAxis: [
data: this.data
]
};
option && myChart.setOption(option);
}
1、refs
//获取数据后加载获取echart的方法
this.$refs["echart"].getChart();
2、监听
watch: {
data() {
this.getChart();
}
}
3、setOption方法设置为true(最屌)
option && myChart.setOption(option, true);
你看我屌吗?????
更多推荐
已为社区贡献14条内容
所有评论(0)