January 2015
Intermediate to advanced
478 pages
10h 7m
English
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: ...Read now
Unlock full access