您的位置首页百科知识

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

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

的有关信息介绍如下:

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

echarts饼图默认各个扇区之间是没有间隔的,有时候为了效果,需要在各个扇区之间添加间隔,那么,该如何设置呢?

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

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

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

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

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

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

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