x軸をハイチャートで圧縮

Question

x軸を圧縮するかハイチャートのデータがない大きな部分をスキップする方法はありますか？あなたがフィドルを見れば

http://jsfiddle.net/eh7edruq/

は、データのない大規模な領域があります。そのデータの両端を圧縮し、グラフがばらばらになっていることを視覚的に確認する方法はありますか？

Highcharts.chart('container', { 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 
     'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 
     'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 
     'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 
     'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',] 
    }, 

    plotOptions: { 
     series: { 
      // connectNulls: false // by default 
     } 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, null, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 
     null, null, null, null, null, null, null, null, null, null, null, null, 
     null, null, null, null, null, null, null, null, null, null, null, null, 
     null, null, null, null, null, null, null, null, null, null, null, null, 
     29.9, 71.5, 106.4, 129.2, null, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4,] 
    }] 

}); 

Answer 1

壊れ軸モジュールは、あなたが探している正確に何のようです。このデモでは、カスタムの可視化がyAxis.breaks機能に追加されます。

http://jsfiddle.net/gh/get/jquery/2/highcharts/highcharts/tree/master/samples/highcharts/axisbreak/break-visualized/

APIリファレンス：https://api.highcharts.com/highcharts/yAxis.breaks