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.

Configuring a semicircle donut

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º:

Configuring a semicircle donut

Setting the innerSize property of the series to 20% produces the following result:

Configuring a semicircle donut
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.145.103.154