echarts 做 拟合曲线

您可以使用 echarts 中的回归分析插件进行拟合曲线的绘制。具体操作如下：

1. 引入 echarts 和回归分析插件。

<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>

2. 准备数据，并进行回归分析。

// 假设 x 和 y 分别为数据的横纵坐标
const seriesData = x.map((item, index) => [item, y[index]]);

// 进行线性回归分析
const result = ecStat.regression('linear', seriesData);
const gradient = result.parameter.gradient; // 斜率
const intercept = result.parameter.intercept; // 截距

3. 在 echarts 中绘制散点图和拟合曲线。

const option = {
  xAxis: {
    type: 'value',
    splitLine: {
      lineStyle: {
        type: 'dashed'
      }
    }
  },
  yAxis: {
    type: 'value',
    splitLine: {
      lineStyle: {
        type: 'dashed'
      }
    }
  },
  series: [
    {
      type: 'scatter',
      data: seriesData,
      symbolSize: 4,
      itemStyle: {
        color: '#ccc'
      }
    },
    {
      type: 'line',
      data: seriesData.map(item => [
        item[0],
        item[0] * gradient + intercept
      ]),
      lineStyle: {
        color: '#f00'
      }
    }
  ]
};

const chart = echarts.init(document.getElementById('chart'));
chart.setOption(option);

上述代码会在指定的 `div` 中绘制出散点图和拟合曲线。需要注意的是，这里使用的是线性回归，如果需要使用其他类型的回归分析，只需要将第二步中的 `linear` 替换成对应的回归类型即可。