echarts折线图不显示y轴值_Echarts——实现折线图Y轴不等距百分比(最终解决方案)...

Echarts——实现折线图Y轴不等距百分比(最终解决方案)

Echarts——实现折线图Y轴不等距百分比(最终解决方案)

Echarts——实现折线图Y轴不等距百分比(最终解决方案)出现背景

解决思路

??最近公司有一个需求,主要是想展示近7日产品的一个良品率(百分率制)。但是呢,基本上每天这个百分比率在90%~100%之间,很少有低于90%的。我就根据这个需求,很快就做出折线图表,图表右侧的Y轴是从0%-100%,并按20%间隔。

??给到产品后,TA说线上的数据基本上都是90%-100%,你这样的话就看不出太大的折线趋势,折线的起伏不是很明显,下面空白了一大片,着眼一看,确实不利于观测。

??后来,TA说因为数据比较固定,那么是否可以设置一个最低值呢?比如,在Y轴最低处设置一个60%,那整体不是就拉伸开了吗。后来我就尝试了一下,如下图所示:

??刚开始以为就这么简单搞定,当天测试工程师测试的时候,又发现一个问题。如果中间某一天没有生产,那么就没有数据,没有数据当时处理为0。不过图表它就不这样认为了,我偏要捣乱一下。当中间某一天没数据时,如下图所示:

??我勒个去,这是什么鬼,29日那天没数据默认为0,结果就飞到下面去了,显然不符合需求。那么就设置一个最低值为0

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值