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

Introducing a polar chart


A polar chart is a circular chart in which data points are plotted at a distance and angle from the center of the circle. The categories for the x axis are located along the circumference of the circle whereas the labels for the y axis are located inside the circle at a certain distance from the center. A polar chart can plot one or more series, and it is best used to compare the data between different series.

Consider the data from the previous example that shows the fuel consumption by the EU. We can plot this data using a polar chart since the data is based on the type of fuel (categories).

The following code draws the polar chart for the mentioned data:

(function() {
  $( '#chart_container' ).highcharts({
    chart: {
      polar: true
    },
    title: {
      text: 'Fuel Consumption by Type for the Year 2012'
    },
    subtitle: {
      text: 'Source: <a href="http://bp.com">BP</a>',
      useHTML: true
    },
    pane: {
      startAngle: 0,
  ...