echarts 正态分布曲线

要在 Echarts 中绘制正态分布曲线，可以使用 Echarts 的图表类型中的“线图”（line chart）和“面积图”（area chart）。具体步骤如下：

1. 定义 x 轴的取值范围，例如 [-4, 4]，并将其分成多个小区间，例如每个小区间的宽度为 0.1。

2. 计算每个小区间的函数值，即正态分布的密度函数值，可以使用 JavaScript 中的 math 库进行计算。

3. 将计算得到的函数值作为 y 轴的取值，绘制线图或面积图。

4. 可以通过 Echarts 提供的配置项调整图表的样式，例如设置线条颜色、线条宽度、填充颜色等等。

下面是一个绘制正态分布曲线的示例代码：

// 定义 x 轴的取值范围和步长
var xData = [];
for (var i = -4; i <= 4; i += 0.1) {
  xData.push(i.toFixed(1));
}

// 计算正态分布曲线的函数值
var yData = [];
var mean = 0;  // 均值
var stdDev = 1;  // 标准差
for (var i = 0; i < xData.length; i++) {
  var x = xData[i];
  var y = (1 / (stdDev * Math.sqrt(2 * Math.PI))) * Math.exp(-Math.pow(x - mean, 2) / (2 * Math.pow(stdDev, 2)));
  yData.push(y.toFixed(4));
}

// 绘制线图和面积图
var option = {
  xAxis: {
    type: 'category',
    data: xData
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    type: 'line',
    data: yData,
    lineStyle: {
      color: 'blue',
      width: 2
    }
  }, {
    type: 'line',
    data: yData,
    areaStyle: {
      color: 'blue'
    },
    itemStyle: {
      opacity: 0
    }
  }]
};

// 使用 Echarts 绘制图表
var chart = echarts.init(document.getElementById('chart'));
chart.setOption(option);