vue实现echarts 拟合曲线

以下是使用Vue实现echarts拟合曲线的示例代码：

<template>
  <div>
    <div ref="chart" style="width: 600px; height: 400px;"></div>
  </div>
</template>

<script>
import * as echarts from 'echarts';

export default {
  mounted() {
    this.initChart();
  },
  methods: {
    initChart() {
      const chartDom = this.$refs.chart;
      const myChart = echarts.init(chartDom);

      const option = {
        xAxis: {
          type: 'category',
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        },
        yAxis: {
          type: 'value',
        },
        series: [
          {
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line',
            smooth: true, // 开启平滑曲线
          },
        ],
      };

      myChart.setOption(option);
    },
  },
};
</script>

在上述代码中，我们首先引入了echarts库，并将其注册到Vue的原型上。然后，在Vue组件的mounted钩子函数中，我们通过`this.$refs.chart`获取到DOM元素，然后使用`echarts.init`方法初始化一个echarts实例。接下来，我们定义了一个包含x轴和y轴数据以及曲线数据的option对象，并将其传递给`myChart.setOption`方法来渲染图表。