echarts饼图的各个扇区之间如何增加间隔?

2026-03-07 12:17:38

1、打开echarts官网,进入实例界面,点击左侧的饼图菜单,再点击右侧的【Referer of a website】,进去这个饼图实例

echarts饼图的各个扇区之间如何增加间隔?

2、进入这个饼图实例之后,可以看到各个扇区之间是没有间隔的。那么,如何才能增加间隔呢?

echarts饼图的各个扇区之间如何增加间隔?

3、通过查找文档,可以发现,在series下面的itemStyle中有个borderWidth属性,那么,试着添加一下呢

echarts饼图的各个扇区之间如何增加间隔?

4、观察右边的图形,可以发现,看起来没有任何变化啊,这是为什么呢?

echarts饼图的各个扇区之间如何增加间隔?

5、接着,继续找文档,原来除了设置大小之外,还需要设置颜色,比如,添加一个白色样式

echarts饼图的各个扇区之间如何增加间隔?

6、再次查看右侧的图形,如果没有出现间隔,就点击左侧配置项的右上角运行按钮,就可以看到出现间隔了

echarts饼图的各个扇区之间如何增加间隔?

7、但是,这个间隔可能太大了,这个时候就可以修改borderWidth属性的值来调整为合适的大小了

echarts饼图的各个扇区之间如何增加间隔?

猜你喜欢