Highcharts Gauge Spacing

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
},

结果：