echarts绘制函数曲线

 使用echarts可以方便地绘制各种函数曲线，只需简单配置即可绘制出漂亮的曲线，示例如下：

//需要绘制的函数曲线
function func(x) {
  return 1.1 * (1 - x + 2* x * x) * Math.exp(-Math.pow(x,2)/2);
}
//产生数据
function generateData() {
  let data = [];
  for (let i = -200; i <= 200; i += 0.1) {
    data.push([i, func(i)]);
  }
  return data;
}

option = {
  //是否动画
  animation: false,
  //网格位置
  // grid: {
  //   top: 40,
  //   left: 50,
  //   right: 40,
  //   bottom: 50
  // },
  xAxis: {
    name: 'x',
    minorTick: {
      show: true
    },
    minorSplitLine: {
      show: true
    }
  },
  yAxis: {
    name: 'y',
    // min: -100,
    // max: 100,
    minorTick: {
      show: true
    },
    minorSplitLine: {
      show: true
    }
  },
  
  //缩放
  dataZoom: [
    {
      show: true,
      type: 'inside',
      filterMode: 'none',
      xAxisIndex: [0],
      startValue: -4,
      endValue: 4
    },
    {
      show: true,
      type: 'inside',
      filterMode: 'none',
      yAxisIndex: [0],
      startValue: -20,
      endValue: 20
    }
  ],
  //数据集
  series: [
    {
      type: 'line',
      //显示数据点标记
      showSymbol: false,
      //是否裁剪超出坐标系部分的图形
      clip: false,
      //数据
      data: generateData()
    }
  ]
};

绘制出的函数曲线图效果如下：