Search code examples
javascripthighchartsgoogle-visualizationradar-chart

Is it possible with Highcharts Polar Chart to have curved lines connecting the points?

I am looking at using Highcharts as a replacement for Google Image Charts.

Polar (Radar) graphs on Google Image Charts had the option of chart type 'rs' which had curved lines connecting the points on the graph instead of straight lines.

Google Image Charts - Radar Chart

Is that possible in Highcharts 7.x? I am looking through the online docs for the options and I don't see that specified anywhere, and I keep getting Spline graph info when I try to search for it.

Solution

  • The polar option is independent of the chart type, so you can use both options:

    chart: {
    polar: true,
    type: 'spline'
},

    Or specify the series types:

    chart: {
    polar: true
},
series: [{
    type: 'spline',
    data: [...]
}, {
    type: 'column',
    data: [...]
}]

    Live demo: https://jsfiddle.net/BlackLabel/zp7vna4f/

    API Reference:

    https://api.highcharts.com/highcharts/chart.polar

    https://api.highcharts.com/highcharts/chart.type