类似淘宝账单花销比例气泡效果怎么写比较合理

Question

手机端H5页面，现在是用前端固定定位的写死的~ 但是实际圆的大小会根据后台的数据动态的改变， 固定定位得动态的计算圆心的位置， 这样感觉很麻烦，所以问下大家该怎么处理(主要是美观~不然会出现下图的效果)，不知道大家有没有好的想法没有~。

自己回家试试浮动效果看看怎么样~

Answer 1

支付宝这部分也是写死的，不仅是位置圆的大小也是一样，要做的仅仅只是把数据由大到小放到各个型号的圆里面去而已。我觉得这样做效果OK，做法也非常的简单，题主你可以试一下。