Skip to content

echarts的折线图的y轴刻度值与图表渲染不一致的BUG

问题描述

在做echarts图表的开发时,发现折线图的数值和y轴的高度对不上。上网查询资料后,发现是stack的原因。 折线图的y轴刻度值与图表渲染不一致效果图

原因分析

stack:数据堆叠,同个类目轴上系列配置相同的 stack 值可以堆叠放置。就像柱形图表现的那样,后一个值是叠加到前一个值上面的。故出现线和值对不上的情况。

解决方案

解决方案1:
将series中的“stack”属性删除

解决方案2:
将series中的“stack”属性名称改为不一致

参考链接

解决Echarts折线图y轴刻度的值跟实际值不对应的问题
解决Echarts折线图的y轴刻度值与图表渲染不一致的BUG

Designed & Powerd by liujun