用echart是写的一个环形饼图,当使用量占比超过100%时候,样式就出现问题,如下图:
已使用量超过100%效果如下:
对应的代码
options['series'][0]['data'] = dataObj;
这里模拟了一下剩余量为负的场景,实际是从后端读取数据,计算出剩余量。后端数据出现错误,这里计算没有考虑负数场景,环形饼图就出现了数据重叠。
当剩余量为正时候,也就是占比100%以内的效果
所以只要处理好数据就好了。对数值进行了限制,当值为负时候,赋值为0即可。效果如下图