Polygon X-axis line on polar chart

X-axis line on polar chart should honor interpolation setting

by b_long

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
        $('#container').highcharts({
            chart: {
                polar: true
            },
            xAxis: {
                categories: ['Category A', 'Category B', 'Category C', 'Category D', 'Category E'],
                // The X axis line is a circle instead of a polygon
                lineColor: '#0000FF',
                lineWidth: 0
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                title: {
                    text: 'Y-axis'
                },
                // The plotlines are okay
                plotLines: [{
                    value: 0,
                    width: 2,
                    color: '#FF0000'
                }]
            },
            series: [{
                name: 'Serie 1',
                data: [7.0, 6.9, 9.5, 14.5, 18.2]
            }, {
                name: 'Serie 2',
                data: [-0.2, 0.8, 5.7, 11.3, 17.0]
            }, {
                name: 'Serie 3',
                data: [-0.9, 0.6, 3.5, 8.4, 13.5]
            }]
        });
    });