问题
最近在做h5报告的时候使用到了里面的3/4环形图,看上去是这样的
看上去没毛病,但是当你的某一条数据占的比重超过75%,进度条将会溢出3/4的区域.如下图在这里插入图片描述
这样就会覆盖文字部分,那么怎么解决呢?
其实主要问题就是在数据处理的问题上,下图1表示有颜色进度条的占比,2表示没有总数据减去有数据的占比,也就是透明的位置;但是这里的总数指的是整个圆的总量,并不是3/4个圆,因此但数据量占比超过3/4的时候会出现溢出的情况.
所以只要将这里的value改一下就可以了,其实只要将3/4看作是整体1,就可以了,下面看结果吧.
效果见下图: