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

結果：