如何移除图表区域（Chart Area）与图例（Legends）之间的空白间距

算力阿峰

2026-10-11

移除图表区域与图例间隙的解决方案

以下方案覆盖主流图表控件场景，你可以对应自己使用的框架调整：

调整内边距/外边距参数，手动控制布局占比
多数图表控件的默认图例和图表区域都自带预留空白，仅调整停靠属性无法生效，需要同时关闭自动布局、手动指定二者的占用比例：
以.NET WinForms MS Chart控件为例（你提到的docking属性多属于该场景），参考代码：

// 先设置图例停靠到图表区域内部
chart1.Legends[0].IsDockedInsideChartArea = true;
chart1.Legends[0].Docking = Docking.Right;
// 清空图例的内外边距
chart1.Legends[0].Margin = Padding.Empty;
chart1.Legends[0].Padding = Padding.Empty;
// 关闭图表区域的自动布局，手动设置绘图区占比，右侧仅预留图例需要的宽度
chart1.ChartAreas[0].InnerPlotPosition.Auto = false;
chart1.ChartAreas[0].InnerPlotPosition.X = 5; // 绘图区左侧起始位置占比
chart1.ChartAreas[0].InnerPlotPosition.Width = 82; // 绘图区宽度占比，右侧剩余18%放图例

如果你使用的是ECharts，直接修改配置项：

option = {
  grid: { right: '15%' }, // 右侧仅留15%放图例，根据实际需要调整
  legend: {
    right: 0,
    padding: 0, // 清空图例内边距
    itemGap: 5 // 调整图例项之间的间距，不需要可以设0
  }
}

关闭额外的自动预留空间
部分框架会默认给图例、标题等元素预留固定占位，哪怕你没有设置对应元素也会留空白。比如Matplotlib可以调用plt.tight_layout()自动裁切多余空白，或者手动指定图例的边框边距为0：plt.legend(borderaxespad=0)。
排查多余隐藏元素
检查是否存在空的图例项、未隐藏的辅助线/标注占位、或者同时添加了多个未使用的图例对象，删除冗余元素后间隙会自动缩小。