vue echats resize

Vue ECharts是一个用于Vue.js框架的ECharts图表库，它提供了更方便的方式来集成ECharts图表到Vue应用中，并支持组件化的开发模式。当你需要调整图表大小（resize），在Vue ECharts中，你可以通过监听`mounted`或`updated`生命周期钩子，以及`$refs`特性来操作。

例如，在`mounted`阶段，你可以这样做：

export default {
  mounted() {
    this.$refs.chart.resize();
  },
  //...
}

在这里，`this.$refs.chart`是一个引用了实际ECharts实例的对象，`.resize()`方法允许你响应视图大小的变化动态调整图表大小。

如果是在`updated`钩子里，则可以在数据变化导致需要更新图表大小的时候调用：

data() {
  return {
    chartWidth: window.innerWidth,
    chartHeight: window.innerHeight
  }
},
updated() {
  if (this.chartWidth !== window.innerWidth || this.chartHeight !== window.innerHeight) {
    this.$refs.chart.resize({
      width: this.chartWidth,
      height: this.chartHeight
    });
    this.chartWidth = window.innerWidth;
    this.chartHeight = window.innerHeight;
  }
}