解决echarts的叠堆折线图数据出现坐标和值对不上的问题

Posted t8888

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决echarts的叠堆折线图数据出现坐标和值对不上的问题相关的知识,希望对你有一定的参考价值。

说一个小bug,解决echarts的叠堆折线图数据出现坐标和值对不上的问题。


 
技术图片
 

在echarts的叠堆折线图中,有这样的一个问题,从后端请求过来的数据是正确的,但是请求的y轴的值和y轴坐标对不上。

这个时候,查看了一下代码,因为是三条折线叠堆,打开代码看了一下属性
发现stack的值都是一样的,因此,出现了这样的bug

 
技术图片
 

解决办法:
stack的值修改,每个都不一样,就不会叠加y轴
或者项目中不需要的就直接吧stack一行代码删除掉即可

 
技术图片
 

附:【前端统计图】echarts多条折线图和横柱状图实现
https://www.jianshu.com/p/f02d604844b6


原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1

以上是关于解决echarts的叠堆折线图数据出现坐标和值对不上的问题的主要内容,如果未能解决你的问题,请参考以下文章

在vue中使用Echarts绘制叠堆折线面积图(可切换叠堆柱状图)

echarts:折线图横坐标内容过长省略显示

echarts在同一个dom上多次画图有时候不显示,有时候饼图中出现折线图的坐标轴

echarts中多个折线图怎么添加滚动条

echarts折线图横坐标时间很多怎么办

echarts自定义折线图横坐标时间间隔踩坑总结