javascript - 删除 Highcharts 上的 Y 轴网格线

Question

是否可以去掉除最外层线以外的所有y轴网格线？

例如，在这个 jsfiddle ( http://jsfiddle.net/abyrne85/g7vpq8ce/1/ ) 中，我试图删除所有线(x 轴和 y 轴)，当然只留下最外面的线和数据线。

   $(function () {

    $('#container').highcharts({

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

        title: {
            text: null,
            x: -80
        },

        xAxis: {
            categories: ['Sales', 'Marketing', 'Development',                 'Customer Support','Information Technology'],
            tickmarkPlacement: 'on',
            lineWidth: 0
        },

        yAxis: {
            gridLineInterpolation: 'polygon',
            lineWidth: 0,
            min: 0
        },

        legend: {
            enabled:false
        },

        series: [{      
            data: [5, 3, 4, 3, 2],
            pointPlacement: 'on'
        }]
    });
});

Answer 1

1. 将 xAxis 的 gridLineWidth 设置为 0 以将其移除。

2. 设置 yAxis 的 tickInterval 大于数据数组中的最大值，使其成为唯一的网格线。

$(function () {
    var myData = [5, 3, 4, 3, 2],
        tickIntr = Math.max.apply(null, myData) + 1; //this is to set 
        //the tickInterval larger than the maximum value in data array

    $('#container').highcharts({
        chart: {
            polar: true,
            type: 'line',
        },

        title: {
            text: null,
            x: -80
        },

        xAxis: {
            categories: ['Sales', 'Marketing', 'Development', 
                         'Customer Support','Information Technology'],
            tickmarkPlacement: 'on',
            lineWidth: 0,
            gridLineWidth: 0 //Remove xAxis lines
        },

        yAxis: {
            gridLineInterpolation: 'polygon',
            lineWidth: 0,
            min: 0,
            tickInterval: tickIntr //set yAxis tickInterval
        },

        legend: {
            enabled:false
        },

        series: [{      
            data: myData,
            pointPlacement: 'on'
        }]
    });
});

http://jsfiddle.net/g7vpq8ce/2/