Solid gauge scaling
by kzoon
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/solid-gauge.js"></script>
<div id="container" style="width: 500px; height: 300px;"></div>
JavaScript
Highcharts.chart('container', {
chart: {
type: 'solidgauge'
},
title: {
text: ''
},
pane: {
startAngle: -90,
endAngle: 90,
background: {
innerRadius: '50%',
outerRadius: '100%',
shape: 'arc'
}
},
yAxis: {
min: 0,
max: 450,
endOnTick: true,
lineWidth: 2,
minorTicks: false,
tickAmount: 2,
labels: {
distance: '75%',
align: 'auto'
}
},
series: [{
innerRadius: '50%',
radius: '100%',
dataLabels: {
borderWidth: 0,
verticalAlign: 'bottom'
},
data: [439]
}]
});