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

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

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

6【echarts饼图的各个扇区之间如何增加间隔】再次查看右侧的图形 , 若是没有呈现距离 , 就点击左侧设置装备摆设项的右上角运行按钮 , 就可以看到呈现距离了

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

文章插图

7可是 , 这个距离可能太大了 , 这个时辰就可以点窜borderWidth属性的值来调整为合适的大小了

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

文章插图


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

    推荐阅读