ハイチャートの一番下のスペース

Question

私は次のハイチャートの設定をしています。xAxisの上にスペースがありますので、誰かがこのオフセットを解消する最良の方法を教えてくれます。

$(function() { 
    $('#container').highcharts({ 
    chart: { 
     type: 'column', 
     animation: true, 
     verticalAlign: 'bottom', 
     backgroundColor: "#ffffff" 
    }, 
    legend: { 
     enabled: true, 
     verticalAlign: 'bottom', 
     align: 'center', 
    }, 
    xAxis: { 
     type: 'datetime', 
     //tickInterval: 3600 * 1000, 
     //min: Date.UTC(2016, 9, 3), 
     //max: Date.UTC(2016, 9, 4), 
     dateTimeLabelFormats: { 
     day: '%H' 
     } 
    }, 
    yAxis: { 
     title: { 
     text: null 
     }, 
     minPadding: 0, 
     maxPadding: 0, 
     min: 0, 
      max: 3, 
     minRange: 0.1, 
     tickInterval: 1, 
     gridLineWidth: 0, 
     categories: ["", "Short", "Medium", "High", "Long"], 
    }, 
    colors: ["#bb2e33", "#fac300", "#68a92a"], 
    series: [{ 
     name: 'Severe', 
     pointStart: Date.UTC(2016, 9, 3), 
     pointInterval: 24 * 3600 * 1000, 
     data: [ 
     [1475482200000, 3], 
     [1475489685000, 1], 
     [1475489693000, 1], 
     [1475489704000, 1], 
     [1475490071000, 3] 
     ], 
     //stack: 'week' 
    }, { 
     name: 'Moderate', 
     pointStart: Date.UTC(2016, 9, 3), 
     pointInterval: 24 * 3600 * 1000, 
     data: [ 
     [1475472600000, 2], 
     [1475489685000, 2], 
     [1475489693000, 2], 
     [1475489704000, 2], 
     [1475490071000, 2], 
     [1475490071000, 2], 
     [1475490071000, 1] 
     ], 
     //stack: 'week' 
    }, { 
     name: 'Mild', 
     pointStart: Date.UTC(2016, 9, 3), 
     pointInterval: 24 * 3600 * 1000, 
     data: [ 
     [1475472600000, 1], 
     [1475489685000, 3], 
     [1475489693000, 2], 
     [1475489704000, 1], 
     [1475490071000, 1] 
     ], 
     //stack: 'week' 
    }] 
    }); 
}); 

例 http://jsfiddle.net/93Xcu/373/

Answer 1

の下に、私はあなたのチャートの場合には、あなたがしたいだけのようなあなたの列の配置を設定するため、pointPlacementパラメータを使用することができると思います。

ここ

plotOptions: { 
    series: { 
    pointPlacement: 'on' 
    } 
}, 

あなたが読むことができますハイチャートAPIのこのパラメータについて http://api.highcharts.com/highcharts/plotOptions.column.pointPlacement

ここでは、どのように動作するかの例を見ることができます：http://jsfiddle.net/93Xcu/374/