【echarts折线图负值areaStyle在折线图下方】

项目场景：

echarts折线图负值areaStyle在折线图下方。
echarts绘制负数的向下的水面，不能围绕0绘制，要从最低位置-4到1的水面。

问题解决

当echarts折线图的数据有赋值的时候，areaStyle颜色区域会出现在折线图上方，这并不是我想要的效果，我想要的是areaStyle区域要一直处在折线图下方

例如：绘制的折线在上方了，这样是错误的。需要在折线的下方。

我们可以通过修改origin: 'start’来实现我们想要的效果

areaStyle: {
  normal: {
    origin: 'start',
    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
      offset: 0,
      color: 'rgba(255, 126, 0, 0.1)'
    },
      {
        offset: 1,
        color: 'rgba(255, 126, 0, 0)'
      }
    ], false),
  }
},

---

修改后的效果：


原文链接：
https://www.wanjunshijie.com/note/echarts/7040.html