javascript - Highcharts 仪表间距

Question

有两件事我正在努力实现。首先是如何减少仪表下方的空间。当我减小高度时，它也会使仪表变小。我希望仪表的尺寸保持不变，只是减少下方的空间？

其次，您如何将 L1、L2 和 L3 移动到垂直中间(以便它们更整齐)。

    <div style="height: 20px; margin: 0 auto"></div>
    <div id="buz1" style="text-align:center;">
        <div id="containerSide" style="width: 50px; height: 50px; margin: 0 auto; display:inline-block;"><div   style="font-size: 24px;  vertical-align: middle; color:white">L1</div></div>
        <div id="container-speed6" style="width: 400px; height:  200px; margin: 0 auto; display:inline-block;"></div>            
        <div id="container-speed7" style="width: 400px; height: 200px; margin: 0 auto; display:inline-block;"></div>
        <div id="container-speed8" style="width: 400px; height: 200px; margin: 0 auto; display:inline-block;"></div>
    </div>         
</div>  

Answer 1

您可以将图表与 solidgause 一起使用，并使用负数减少填充，如下所示:

chart: {
   type: 'solidgauge',
   spacingBottom: -90,
   spacingTop: -50
},

结果: