ECharts环形图与图例间底部间距设置无效问题求助

你之前的两种方法无效的原因：

• grid 配置仅针对直角坐标系图表（如柱状图、折线图）生效，环形图属于饼图组件，不受grid参数影响。
• legend.padding是组件内部的内边距，作用是调整图例文字、图标与图例边框的距离，无法改变图例和环形图之间的外部间距。

推荐两种可行方案：

方案1：调整环形图的位置 #

直接在饼图系列配置中设置top属性，让环形图向下偏移，与上方图例拉开距离：

option = {
  legend: {
    top: "1%",
    left: "left",
    show: source.length > 3 ? false : true
  },
  series: [
    {
      type: 'pie',
      radius: ['40%', '70%'], // 环形图内外半径
      top: '20%', // 按需调整该值，控制图例与环形图的间距
      data: [/* 你的数据 */]
    }
  ]
};

方案2：给图例添加底部外边距 #

利用legend.margin属性设置图例的底部外边距，直接在图例下方留出空白：

legend: {
  top: "1%",
  left: "left",
  show: source.length > 3 ? false : true,
  margin: [0, 0, 15, 0] // 最后一个值为底部外边距，按需调整数值
},
series: [
  {
    type: 'pie',
    radius: ['40%', '70%'],
    data: [/* 你的数据 */]
  }
]

内容的提问来源于stack exchange，提问作者mera