ハイチャート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チャート上で動作することです利用可能です。

しかし、私は私の理論を確認するためにinterwebs上のドキュメントや会話を見つけることができません。他の誰かが知っていますか？