Radial (or Circular) bar chart

A radial (or circular) bar series visualizes columns on a polar coordinate system. Since the xAxis is vertical and yAxis is circular, as opposed to non-inverted variant, the shape of the columns is circular.

Getting started

Loading the required scripts

In order to create a radial bar chart, the highcharts.js and highcharts-more.js scripts are required to be loaded, just like in case of the non-inverted version of a polar chart.

Creating a radial bar chart

To create a radial bar series, both the chart.polar and chart.inverted options must be set to true.

Highcharts.chart('container', {
    chart: {
        polar: true,
        inverted: true
    }
});

Data format

The format of the data is the same as in any other column or bar series. Example:

series: [{
    type: 'column',
    data: [1, 2, 3, 4, 5]
}]

Examples of use

Stacked two series with enabled data labels

Just as any normal column series on a non-inverted chart, the radial bar series can also be stacked.

Custom thresholds for the same set of data

Setting a different threshold will set a new starting point for the series.

Different start and end angles of a pane

A custom startAngle and endAngle.

Constantly updating series (with color axis)

Updating points.