在饼图（highcharts）中的导航栏和图例之间添加空格

Highcharts.chart（'container'{
图表：{
宽度：458，
身高：98
},            
标题：{
案文：“”
},
图例：{
对齐：'居中'，
垂直排列：'中间'，
布局：“垂直”
},
工具提示：{
pointFormat:“{series.name}:{point.percentage:.1f}%”
},
打印选项：{
馅饼：{
startAngle:0，
端角：360，
中间：['10%，'80%']
}
},
系列：[{
键入“pie”，
姓名：‘你好’，
内部尺寸：“75%”，
数据：[
{
y:23，
姓名：“abc”
},
{
y:23，
姓名：“abc”
},
{
y:23，
姓名：“abc”
}
,
{
y:23，
姓名：“abc”
},
{
y:23，
姓名：“abc”
},
{
y:23，
姓名：“abc”
}
],
showInLegend：对
}]
});

是否有办法将导航栏移到底部，并为图例留出更多空间，以便显示更多图例项目 我如何做到这一点

---

我想通过移动导航栏在屏幕上显示至少3个项目

您可以删除图例周围的填充和边距，使其占据更多空间。我发现填充为0的圆圈会被剪裁，所以我也减小了它们的大小

  legend: {
    align: 'center',
    verticalAlign: 'middle',
    layout: 'vertical',
    margin: 0,
    padding: 0,
    symbolHeight: 10,
    verticalAlign: 'middle',
   // maxHeight: 62  // If you really only want 3, uncomment this
  },

---

您还可以减少itemStyle.fontSize、itemMarginTop和itemMarginBottom:。

  legend: {
    align: 'center',
    verticalAlign: 'middle',
    layout: 'vertical',
    margin: 0,
    padding: 0,
    symbolHeight: 10,
    verticalAlign: 'middle',
   // maxHeight: 62  // If you really only want 3, uncomment this
  },