하이 차트 xAxis 레이블이 자동으로 회전하지 않습니다

Question

내 차트에 틱 위치를 사용하는 사용자 정의 x 축 레이블이 있습니다. 그래야 레이블이 표시되지만 문제는 윈도우 크기가 바뀌면 회전하지 않습니다. 화면 크기로 회전하려고합니다. 399 픽셀 적은 다음 jsfiddle

$(function() { 
    $('#container').highcharts({ 
     title: { 
      text: 'Monthly Average Temperature', 
      x: -20 //center 
     }, 
     subtitle: { 
      text: 'Source: WorldClimate.com', 
      x: -20 
     }, 
     xAxis: { 
      type: 'datetime', 
       tickPositions: [1454329239000, 1465906839000, 1468844439000, 1469708439000, 1474892439000, 1476879639000, 1478607639000], 
       labels: { 

        style: { 
        fontSize: '0.75em' 
        }, 
        formatter: function() { 
        return Highcharts.dateFormat('%b %e', this.value); 
        } 
       } 

     }, 
     yAxis: { 
      title: { 
       text: 'Temperature (°C)' 
      }, 
      plotLines: [{ 
       value: 0, 
       width: 1, 
       color: '#808080' 
      }] 
     }, 
     tooltip: { 
      valueSuffix: '°C' 
     }, 
     legend: { 
      layout: 'vertical', 
      align: 'right', 
      verticalAlign: 'middle', 
      borderWidth: 0 
     }, 
     series: [{ 
      name: 'Tokyo', 
      data: [[1454329239000, 09], [1465906839000, 08], [1468844439000, 07], [1469708439000, 10], [1474892439000, 17], [1476879639000, 8], [1478607639000, 20]] 
     }] 
    }); 
}); 

Answer 1

유사한 문제를 다루는 나의 경험은 귀하의 경우, x 축 레이블이 얼마나 많은 공간에 동적으로 기반 렌더링되는 반면 autoRotation 만 설정하면, category 차트에서 작동한다는 것입니다 사용할 수 있습니다.

그러나 나는 내 이론을 확인하기 위해 인터 웹에서 문서 나 대화를 찾을 수 없습니다. 다른 사람이 알고 있습니까?