Javascript highcharts：调整导出下拉列表的大小

我正在制作一个highcharts图，图的高度非常小，可能在150px左右。在这种情况下，导出下拉列表将被删除。有没有一种方法可以调整较小图表下拉列表的大小

 exporting: {    enabled: true  }. 

这是我导出对象中唯一的内容。任何帮助都将不胜感激。

您是否尝试过，例如：

  exporting: {
    enabled: true,
    buttons: {
        contextButton: {
            height: 20,
            width: 20,
            symbolSize: 12,
            symbolX: 10,
            symbolY: 10,
            symbolStrokeWidth: 1
      }
    }
  },

或

使用适当的大小、宽度和高度值。

我设法压缩了导出按钮的选项

1> 通过删除填充

.highcharts-menu-item{
  padding:0px 2px 0px 2px !important
}

2> 通过删除作为选项之一的标签

var theExportOptions = Highcharts.getOptions().exporting.buttons.contextButton.menuItems;
theExportOptions.splice(0, 2);

3> 可选减少按钮的大小

navigation: {
    buttonOptions: {
        height: 20,
        width: 24,
        symbolSize: 12,
        symbolX: 10,
        symbolY: 10,
        symbolStrokeWidth: 2
    }
}

var theExportOptions=Highcharts.getOptions（）.exporting.buttons.contextButton.menuItems；
导出选项。拼接（0，2）；
Highcharts.chart（'容器'{
标题：{
文本：“导出为较小图表剪裁的下拉列表”
},
学分：{
已启用：false
},
xAxis：{
类别：[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月]
},
系列：[{
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]
}],
出口：{
启用：对，
},
导航：{
按钮选项：{
身高：20，
宽度：24，
符号化：12，
symbolX:10，
符号：10，
SYMBOL行程宽度：2
}
}
});
.highcharts菜单项{
填充：0px 2px 0px 2px！重要
}
您可以通过简单的CSS显示此元素：

#container> .highcharts-container {
  overflow: visible!important;
}

演示：

#container> .highcharts-container {
  overflow: visible!important;
}