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

echarts饼图默认各个扇区之间是没有距离的,有时辰为了结果,需要在各个扇区之间添加距离,那么,该若何设置呢?

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

6再次查看右侧的图形,若是没有呈现距离,就点击左侧设置装备摆设项的右上角运行按钮,就可以看到呈现距离了

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

文章插图

7【echarts饼图的各个扇区之间如何增加间隔】可是,这个距离可能太大了,这个时辰就可以点窜borderWidth属性的值来调整为合适的大小了

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

文章插图


以上内容就是echarts饼图的各个扇区之间如何增加间隔的内容啦,希望对你有所帮助哦!

    推荐阅读