Highcharts饼图图例始终浮动，需设置为饼图下方显示

问题出在两个关键配置上：

• chart.margin: 0 移除了图表四周的边距，导致底部没有预留图例的放置空间
• plotOptions.pie.size: "100%" 让饼图占满整个容器高度，挤占了图例的位置

调整方案如下，修改后即可让图例稳定显示在饼图下方：

Highcharts.chart('container', {
  "chart": {
    "margin": [20, 20, 80, 20], // 上、右、下、左设置边距，底部留足图例空间
    "type": "pie",
    "height": 300,
    "backgroundColor": "#FDFDFD",
    "width": 250
  },
  "legend": {
    "floating": false,
    "align": "center",
    "verticalAlign": "bottom",
    "layout": "horizontal", // 强制图例横向排列
    "itemDistance": 15 // 调整图例项间距，避免拥挤
  },
  "plotOptions": {
    "pie": {
      "dataLabels": {
        "enabled": false
      },
      "size": "70%", // 缩小饼图尺寸，给图例腾空间
      "showInLegend": true,
      "center": ["50%", "40%"] // 微调饼图垂直位置，优化整体布局
    }
  },
  "title": false,
  "exporting": false,
  "series": [{
    "data": [1, 2, 3, 4, 3, 2, 1]
  }],
});

关键修改说明：

• chart.margin 改为数组形式，底部设为80，确保图例有足够垂直空间
• 缩小饼图size并调整center位置，避免饼图和图例重叠
• 给图例补充layout和itemDistance配置，让排列更美观

内容的提问来源于stack exchange，提问作者Vladimír Mlázovský