echarts自定义折线图-堆叠区域图

效果如下:

echarts自定义折线图-堆叠区域图_第1张图片

这里使用了官方文档中的堆叠区域图来改造的。有几个注意的地方:

  1. series下的【stack: '总量' 】要去掉,否则y轴数值就会相加,与正确数值不符
  2. 改变折线区域的线条颜色和区域渐变色
  3. 指针不想是十字指示,可将tooltip下的axisPointer的type: 'cross'改为'line'
  4. 如果不想折线那么尖锐,可以在series里加上smooth: true变为柔和曲线,具体看整体设计而定echarts自定义折线图-堆叠区域图_第2张图片

 整体代码如下:




 

你可能感兴趣的:(前端)