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

问题:

使用echart图时,x轴和y轴数据不对应,如下图:
echart图--x轴、y轴数据对应映射_第1张图片
实际上来说,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]]
}]

echart图--x轴、y轴数据对应映射_第2张图片

你可能感兴趣的:(echarts,前端,vue.js,echarts,javascript)