echarts饼图设置间隔

需❀求

需要在饼图每个数据之间设置间隔,用以隔开数据

方❀法

方法一

官方文档给的方法,熟悉css的话属性不需要说明了吧
echarts饼图设置间隔

方法二(重点)

官方文档使用的是通过背景色来模拟间隔的,但是如果是背景色不是固定一种颜色或者是透明的呢
因为border的颜色不能设置透明,所以我们需要通过添加数据并设置颜色
但是这个使用起来并不方便,如果你有延展线你需要判断,并且不能使用tooltip,
你还需要根据数据量调整value大小,可以写个方法判断其他数据最大是多少然后根据这个给value赋值
echarts饼图设置间隔

总❀结

第二种办法勉强可以用,百度了很久基本都是第一种方法

上一篇:vue引用echarts


下一篇:vue-echarts 中文版(官翻)