Highcharts provides another type of gauge chart, solid gauge, which has a different presentation. Instead of having a dial, the chart background is filled with another color to indicate the level. The following is an example derived from the Highcharts online demo:
The principle of making a solid gauge chart is the same as a gauge chart, including the pane, y axis and series data, but without the dial setup. The following is our first attempt:
chart: {
renderTo: 'container',
type: 'solidgauge'
},
title: ....,
pane: {
size: '90%',
background: {
innerRadius: "70%",
outerRadius: "100%"
}
},
// the value axis
yAxis: {
min: 0,
max: 200,
title: {
text: 'Speed'
}
},
...