【echarts 环形饼图比例超过100%时,出现样式错乱问题】

用echart是写的一个环形饼图,当使用量占比超过100%时候,样式就出现问题,如下图:

已使用量超过100%效果如下:
在这里插入图片描述

对应的代码

 options['series'][0]['data'] = dataObj;

在这里插入图片描述这里模拟了一下剩余量为负的场景,实际是从后端读取数据,计算出剩余量。后端数据出现错误,这里计算没有考虑负数场景,环形饼图就出现了数据重叠。

当剩余量为正时候,也就是占比100%以内的效果
在这里插入图片描述
在这里插入图片描述

所以只要处理好数据就好了。对数值进行了限制,当值为负时候,赋值为0即可。效果如下图
在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值