要实现 Echarts 图形随页面大小变化适配，可以使用 Echarts 提供的 resize 方法和 setOption 方法。具体步骤如下：

1. 创建 Echarts 实例

首先，在 Vue.js 中创建 Echarts 实例并设置初始选项，可以在 mounted 钩子函数中完成。javascriptCopy

import echarts from 'echarts';

export default {
  data() {
    return {
      chart: null,
      option: {
        // Echarts 初始选项
      }
    }
  },
  mounted() {
    this.chart = echarts.init(this.$refs.chart);
    this.chart.setOption(this.option);
  }
}

在上面的代码中，我们在 mounted 钩子函数中创建了 Echarts 实例，并使用 setOption 方法设置了初始选项。

2. 监听窗口大小变化事件

接下来，我们需要监听窗口大小变化事件，并在事件处理程序中调用 resize 和 setOption 方法来调整图形大小和重新渲染图形数据。javascriptCopy

export default {
  data() {
    return {
      chart: null,
      option: {
        // Echarts 初始选项
      }
    }
  },
  mounted() {
    this.chart = echarts.init(this.$refs.chart);
    this.chart.setOption(this.option);

    window.addEventListener('resize', this.handleResize);
  },
  beforeDestroy() {
    window.removeEventListener('resize', this.handleResize);
  },
  methods: {
    handleResize() {
      this.chart.resize();
      this.chart.setOption(this.option);
    }
  }
}

在上面的代码中，我们在 mounted 钩子函数中添加了窗口大小变化事件监听器，并在事件处理程序中调用 resize 和 setOption 方法来重新渲染图形。

3. 设置图形容器样式

最后，在组件模板中设置图形容器样式，并使用 ref 属性引用图形容器元素。vueCopy

<template>
  <div ref="chart" class="echarts-chart"></div>
</template>

<script>
import echarts from 'echarts';

export default {
  data() {
    return {
      chart: null,
      option: {
        // Echarts 初始选项
      }
    }
  },
  mounted() {
    this.chart = echarts.init(this.$refs.chart);
    this.chart.setOption(this.option);

    window.addEventListener('resize', this.handleResize);
  },
  beforeDestroy() {
    window.removeEventListener('resize', this.handleResize);
    this.chart.dispose();
  },
  methods: {
    handleResize() {
      this.chart.resize();
      this.chart.setOption(this.option);
    }
  }
}
</script>

<style scoped>
.echarts-chart {
  width: 100%;
  height: 400px;
}
</style>

在上面的代码中，我们在组件模板中设置了一个 div 元素作为图形容器，并使用 ref 属性引用该元素。我们还使用样式表设置了容器的宽度和高度。

综上所述，以上是实现 Echarts 图形随页面大小变化自适应的基本方法。根据具体需求，还可以进一步进行优化和扩展。