echarts使用折线图绘制面积时问题

echarts使用折线图绘制面积时问题_第1张图片
通过折线图画出上图时候遇到的bug!!
第一坑:
坐标y 轴被压住
echarts使用折线图绘制面积时问题_第2张图片
加个属性即可,让他位移1px:

   yAxis: [
            {
              offset: 1,
              type: 'value',
              splitLine: false,
            },
          ],

第二坑:
因为绘制上面面积需要加上这个属性

  areaStyle: {
              normal: { origin: 'start', color: '#B3EAD3', opacity: 1 },
            },

origin 代表从最下方开始渲染, 和 不透明度。
所以就会出现如下问题
echarts使用折线图绘制面积时问题_第3张图片
颜色被覆盖了,对了几遍数据,搞过几种办法都不行~
最后在掉了n多根头发后发现我通过遍历取得数据组装起来赋值就会被盖住,直接定义写死的就没问题!!!
echarts使用折线图绘制面积时问题_第4张图片

你可能感兴趣的:(ECharts)