Configuring a semicircle donut
Highcharts also offers a semicircle donut chart, a variation of the pie chart. Converting a pie chart into a semicircle donut is easy as it requires just setting the startAngle
and endAngle
properties.
Take the code from the previous example and remove the second series for the sake of simplicity. You will be left with a series containing car manufacturers, and we will be converting it into a semicircle donut chart using the following code:
plotOptions: { pie: { startAngle: -90, endAngle: 90 } }
The chart will now start at 90º
to the left and end at 90º
to the right.
You can play quite a lot with the startAngle
and endAngle
properties. The following is a screenshot of a quarter-circle chart that is produced by setting startAngle
to -180º
and endAngle
to 90º
:
Setting the innerSize
property of the series to 20%
produces the following result: