使用Echarts展示出两条交叉曲线之间的阴影

  今天碰到个业务要求,如图需要在指定区域内把黄色和蓝色两条曲线之间的部分用色块表示出来。下图是成图:

 

   

  通过查找文档,决定使用echarts的堆叠图来实现这个需求。但是堆叠图,第二条曲线的值是一个差值,于是乎。我将接口返回基线负荷值减去接口返回响应负荷值,得到传回给echarts的基线负荷值。OK,若这里的基线负荷值总是大于实时负荷值,便是晴天。但是如果不总是大于,我们得到的传回echarts的基线负荷数组将会有负值,那么图片展示出来将是下图:

 

   这样子的(数据不同,效果是类似这样,会直接展示成负值,这不是我们想要的)。

   解决方法:

     唯一想到的快速解决的方法就是通过改echarts.js里的取值判断来实现。于是,通过打断点定位到代码如图:

   

 

 

    于是,将这段判断注释掉,将里面掉实体内容拿出来便暂时解决了这个问题。

      

 

posted @ 2020-04-09 21:31  小姜戈  阅读(1717)  评论(1)    收藏  举报