echarts 自适应窗口大小和数据更新问题

自适应窗口大小

为了兼容性，需要做到每个图表根据屏幕变化而自适应宽高

单个 / 多个图表均生效 mounted() { window.addEventListener('resize', () => { this.chart.resize(); }); }

或者

// 先要引入resize文件 import resize from './mixins/resize' mounted() { var _this = this window.onresize = function() { _this.$nextTick( _this.DEVChart.resize(), ) } },

数据更新问题

DEVoption:{数据和配置项} this.DEVChart = echarts.init(document.getElementById('DEVChart')) // 加了下面这行代码之前的数据才能被覆盖,渲染出来数据才会显示出来 this.DEVChart.setOption(this.DEVoption, true)