Вы можете использовать диаграмму с solidgause
и для уменьшения отступов использовать отрицательные числа, как показано ниже:
chart: {
type: 'solidgauge',
spacingBottom: -90,
spacingTop: -50
},
Результат:
Есть две вещи, которые я пытаюсь достичь. Во-первых, как уменьшить пространство под датчиком. Когда я уменьшаю размер высоты, он также уменьшает толщину. Я хочу, чтобы шкала была одинакового размера и просто уменьшала пространство под ней?
Во-вторых, как бы вы двигались, чтобы 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>