Highcharts Поляризационные области с масштабированием

Question

Я создал график с полярным типом Highcharts. Границы диаграммы переполнены. Может кто-нибудь, пожалуйста, помогите мне в фиксации графика.

Пожалуйста найти мою проблему на JSFiddle: JSFiddle Код:

$(function() { 

    $('#container').highcharts({ 

     chart: { 
      polar: true, 
      showAxes: false 
     }, 

     title: { 
      text: 'Highcharts Polar Chart' 
     }, 

     pane: { 
      startAngle: 0, 
      endAngle: 360 
     }, 

     xAxis: { 

      tickInterval: 45, 
      min: 0, 
      max: 360, 
      labels: { 
       formatter: function() { 
        return this.value + '°'; 
       } 
      }, 
      lineWidth: 10, 
      lineColor: "#000000", 
      gridLineWidth: 5, 
      gridLineColor: "#000000" 
     }, 

     yAxis: { 

      offset: 120,    
      tickmarkPlacement: 'on', 
      min: 0, 
      max: 4, 
      visible: false, 
      endOnTick: false 
     }, 

     plotOptions: { 
      series: { 
       pointStart: 0, 
       pointInterval: 45 
      }, 
      column: { 
       pointPadding: 0, 
       groupPadding: 0 
      }, 
      line: { 
       color: "#ff0000", 
       lineWidth: 10 
      } 
     }, 

     series: [{ 
      type: 'line', 
      name: 'Line2', 
      data: [8, 7, 6, 5, 4, 3, 2, 1], 
      pointPlacement: 'between' 
     }] 
    }); 
}); 

Это приводит к оси за пределами области печати. Я хотел бы увеличить площадь участка, чтобы увидеть место встречи экстремистских конечных точек.

Answer 1

Причина Участок перетекание происходит потому, что вы установили максимальное значение для YAxis 4, но в ваших данных у вас есть значения, которые больше, чем 4, как 8,7,6 и 5.

Просто удалите опцию max: 4 из объекта yAxis, и ваша диаграмма отобразится в порядке.