Снять решетчатые линии 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. Установите gridLineWidth из XAxis в 0, чтобы удалить их.

2.tickInterval yAxis больше, чем максимальное значение в массиве данных, поэтому это будет единственная линия сетки.

$(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/

Answer 2

Или используйте tickPositioner, смотри пример: http://jsfiddle.net/g7vpq8ce/3/

yAxis: { 
     gridLineInterpolation: 'polygon', 
     lineWidth: 0, 
     min: 0, 
     tickPositioner: function(min, max){ 
      return [min, max]; 
     } 
    },