X軸は、ハイチャートの日付タイムチャート内の幅を完全に取っていません

Question

高チャートのlibを使用して日付時間の縦棒グラフを表示しています。しかし、x軸はチャートの正確な開始値を取っていません。 http://jsfiddle.net/L94731ge/5/

は、あなたがこの上で私を助けてくださいでした：以下の例では、12th NOV x-axis値

chart: { 
      type: 'column', 
      width : 709, 
      marginTop : 100, 
      reflow: false 
     }, 
     exporting: { 
      enabled: false 
     }, 
     credits: { 
     enabled: false 
     }, 
      colors: ["#00ACE6", "#EA8939", "#2D8093", "#EB5C6A", "#D9A300", "#1B7CDE", "#8D69E0", "#378A4E", "#4F5A65"], 
     xAxis: { 
     type: 'datetime', 
     dateTimeLabelFormats: { 
      month: '%e %b', 
      year: '%b' 
     }, 
     }, 
     yAxis: { 
     allowDecimals: false, 
     min: 0, 
     }, 
     plotOptions: { 
     column: { 
      stacking: 'normal' 
     }, 
     series: { 
      animation: false 
     } 
     }, 
     series:[{"name":"sent","data":[],"stack":"sent","_colorIndex":0},{"name":" received","data":[],"stack":"received","_colorIndex":1},{"name":"1 sent","data":[[1511136000000,1],[1510531200000,1],[1510444800000,1]],"stack":"sent","_colorIndex":2},{"name":"1 received","data":[],"stack":"received","_colorIndex":3},{"name":" made","data":[[1510531200000,1],[1510444800000,2]],"stack":"sent","_colorIndex":4},{"name":" received","data":[],"stack":"received","_colorIndex":5}], //Server data 
     loading: { 
      style: { 
      marginTop: "-25px" 
      } 
     } 

    }); 

JSのフィドルのリンクの前にバーの幅を設定する必要があります。

Answer 1

xAxisためstartOnTickを追加するかもしれない

xAxis: { 
    type: 'datetime', 
      startOnTick:true, 
    dateTimeLabelFormats: { 
     month: '%e %b', 
     year: '%b' 
    }, 
    }, 

チャートを修正このfiddle

をご確認ください。