echart图--x轴、y轴数据对应映射

问题:

使用echart图时,x轴和y轴数据不对应,如下图:
在这里插入图片描述
实际上来说,Mon 对应的y轴数据为0 此刻y轴数据应该是Tue的数据。造成这样的原因是因为x轴和y轴数据没有做映射关系。

解决方法

(1)在后台将没有数据的 x轴的点 赋值为0 ,但比较麻烦,需要对照查看每个点是否有数据。
(2) 利用echart属性:
a.固定好x轴数据。将所有x轴点放到一个数组里,进行过滤排序。
b.利用echart的series的属性,直接把 x轴的数据 和 y轴数据 都放在series的data中。

series: [{
    
    
 name: 'Email',
  type: 'line',
  stack: 'Total',
  data: [['Tue',120], ['Wed',220], ['Thu',182]]
}]

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43883951/article/details/132223942