Plotting the solid gauge chart
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' } }, ...