You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

饼图扇区间距调整:增加或消除间隙的实现方法

饼图效果实现方法:扇区间距调整与间隙消除

选项1:增加饼图扇区之间的间距

以下是主流图表库的实现方式:

  • Matplotlib
    使用pie()函数的explode参数指定各扇区向外偏移的距离,配合wedgeprops设置边缘样式,实现扇区分隔效果:
    import matplotlib.pyplot as plt
    data = [30, 20, 25, 25]
    # 每个扇区向外偏移0.05,实现均匀间距
    explode = [0.05] * len(data)
    plt.pie(data, explode=explode, wedgeprops={'edgecolor': 'white'})
    plt.show()
    
  • ECharts
    通过设置itemStyle的边框宽度和颜色模拟扇区间隙,或用explode配置偏移:
    option = {
      series: [{
        type: 'pie',
        data: [{value: 30}, {value: 20}, {value: 25}, {value: 25}],
        // 边框设为白色(与背景色一致),宽度3px实现间隙
        itemStyle: {borderWidth: 3, borderColor: '#fff'},
        // 可选:单独指定扇区偏移
        explode: [0.05, 0.05, 0.05, 0.05]
      }]
    };
    

选项2:消除饼图之间的微小空白间隙

针对不同库的解决方法:

  • Matplotlib
    移除扇区边缘线条,同时优化布局避免间隙:
    import matplotlib.pyplot as plt
    data = [30, 20, 25, 25]
    # 设置扇区边缘宽度为0,消除间隙
    plt.pie(data, wedgeprops={'linewidth': 0, 'edgecolor': 'none'})
    # 自动调整布局,避免画布边缘间隙
    plt.tight_layout()
    plt.show()
    
  • ECharts
    关闭扇区边框,同时调整图表居中布局:
    option = {
      series: [{
        type: 'pie',
        data: [{value: 30}, {value: 20}, {value: 25}, {value: 25}],
        // 关闭扇区边框
        itemStyle: {borderWidth: 0},
        // 确保图表居中,避免布局间隙
        center: ['50%', '50%'],
        radius: ['0%', '70%']
      }]
    };
    

内容的提问来源于stack exchange,提问作者Birre

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.15 23:27:23