使用echarts绘制正弦图

最新推荐文章于 2024-04-19 17:25:40 发布

Simplicity438

最新推荐文章于 2024-04-19 17:25:40 发布

阅读量1.4k

点赞数

分类专栏： echarts 文章标签： echarts 前端

本文链接：https://blog.csdn.net/weixin_55966654/article/details/123018275

版权

echarts 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

使用echarts绘正弦图，在echarts编辑器中进行调试，实例可以参考echarts官网折线图中的函数绘制
效果：
在这里插入图片描述
主要代码：sin(x) *40+30

function func(x) {
  x /= 57.2;
  return Math.sin(x) *40+30;
}
function generateData() {
  let data = [];
  for (let i = 0; i <= 360; i += 0.1) {
    data.push([i, func(i)]);
  }
  return data;
}

function func(x) {
  x /= 57.2;
  return Math.sin(x) *40+30;
}
function generateData() {
  let data = [];
  for (let i = 0; i <= 360; i += 0.1) {
    data.push([i, func(i)]);
  }
  return data;
}
option = {
  animation: false,
  grid: {
    top: 40,
    left: 50,
    right: 40,
    bottom: 50
  },
  xAxis: {
    type: 'value',
    name: '相位(°)',
    interval: 90,  //坐标轴刻度标签的显示间隔
    min: 0,
    max: 360,
  },
  yAxis: {
    type: 'value',
    name: '幅值（dB）',
    min: -10, // 最小值
    max: 70,
    interval: 40,
  },
  series: [
    {
      type: 'line',
      showSymbol: false,
      clip: true,
      data: generateData()
    }
  ]
};