O'Reilly logo

Learning Highcharts by Joe Kuan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Preparing a donut chart – multiple series

Highcharts offers another type of pie chart—a donut chart. It has the drill-down effect on a category into sub-categories and is a convenient way of viewing data in greater detail. This drill-down effect can be applied on multiple levels. In this section, we will create a simple donut chart that has an outer ring of subcategories (game titles) that align with the inner categories (publishers).

For the sake of simplicity, we only use the top three game publishers for the inner pie chart. The following is the series array configuration for the donut chart:

 series: [{ name: 'Publishers', dataLabels : { distance: -70, color: 'white', formatter: function() { return this.point.name + ':<br/> ' + Highcharts.numberFormat(this.y ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required