echart折线图堆叠 y轴和实际数据不对应

简介: echart折线图堆叠 y轴和实际数据不对应

问题背景


最近在做前端echarts的折线图堆叠图标,发现问题是y轴的数据和后端接口返回的数据对应不上


48d5855bd6b5d4f3dbd161d07c6df228_7af4f7dd4e1445c28f404a6950e693e9.png


解决办法


方案1


查看了前端代码发现在echart的图表中有一个‘stack’的属性,尝试把他删除之后y轴的数据和后端提供的数据就保持一致了。


bbc72ad0d4a8416259d1c6bc3188f134_6b8a58f01fa844918d609f253e6929ef.png


方案2


把stack的属性值修改为不一样的属性值,比如:之前stack的属性值都为total,现在他他们的属性值设置为不一致的属性


904ed50253cf08aef49eacf6e200476f_907ec91d95294a598f564be513f64026.png


stack属性分析


stack属性会把同一个维度上的数据进行加和的处理,所以体现在y的数据就会基数变大。进而每一个小的节点也会变大。


所以只需要修改stack属性,把他删除或者修改属性值即可


相关文章
|
8月前
echarts 柱状图/折线图x轴坐标间隔
echarts 柱状图/折线图x轴坐标间隔
289 0
|
8月前
|
NoSQL 数据库 Python
PyQt学习(二)-----图形的建立(柱状图,折线图,堆叠柱状图,饼图)
PyQt学习(二)-----图形的建立(柱状图,折线图,堆叠柱状图,饼图)
148 1
|
8月前
【统计图】Echarts实现多条折线图渐变堆叠效果
【统计图】Echarts实现多条折线图渐变堆叠效果
|
JavaScript 数据格式 容器
echarts图表-饼图、柱状图、折线图、散点图之间相互切换
echarts图表-饼图、柱状图、折线图、散点图之间相互切换
404 0
Echarts图表中饼状图的指示线条
Echarts图表中饼状图的指示线条
92 1
|
JSON 数据格式
Echarts折线图分段用不同颜色显示
Echarts折线图分段用不同颜色显示
152 0
|
JSON 数据格式
Echarts的饼状图变成环形图
Echarts的饼状图变成环形图
67 0
|
前端开发
【前端图表】echarts实现散点图x轴时间轴
【前端图表】echarts实现散点图x轴时间轴
167 0
37Echarts - 柱状图(极坐标系下的堆叠柱状图)
37Echarts - 柱状图(极坐标系下的堆叠柱状图)
88 0
38Echarts - 柱状图(极坐标系下的堆叠柱状图)
38Echarts - 柱状图(极坐标系下的堆叠柱状图)
152 0