Book Image

Highcharts Essentials

By : Bilal Shahid
Book Image

Highcharts Essentials

By: Bilal Shahid

Overview of this book

Table of Contents (16 chapters)
Highcharts Essentials
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

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: