echarts两条或两条以上x轴不同的线合并x轴但保持数据连续

最新推荐文章于 2024-09-20 11:18:18 发布

meng_xiaohua

最新推荐文章于 2024-09-20 11:18:18 发布

阅读量9.7k

点赞数 4

分类专栏：前端

本文链接：https://blog.csdn.net/meng_xiaohua/article/details/88242252

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

问题：这两组数据我想在一个图表上显示出来，他们的x轴都是时间点，但是时间点的数据是不统一的，请问echart能否实现固定一个x轴，数据自动对应到相应的时间轴上的点

解决方法：

整理数据把时间x轴合并
x轴: ['1:00', '1:05', '1:10', ...]
data有两种方式：
1 . 空数据用null或者直接空表示

series: [{
      data: [25, null, 15, ...], //or: [25, , 15, ...]
      connectNulls:true
  },{
      data: [null, 25, 15, ...], //or: [, 25, 15, ...]
      connectNulls:true
  }]

2 . 直接把你的数组放到data上

series: [{
      data: [
          // xAxis  data
          [  1:00, 25  ],
          [  1:10, 15  ],
          ...
      ],
      connectNulls:true
  },{
      data: [
          // xAxis  data
          [  1:05, 25  ],
          [  1:10, 15  ],
          ...
      ],
      connectNulls:true
  }]

然后
connectNulls设为true可以连接空数据