高圖表堆積列w /日期時間X軸列過薄

Question

我試圖向用戶顯示每臺攝像機每天記錄的視頻數量。要做到這一點，我想用一個堆疊的背面（每個堆疊顯示用給定相機錄製的視頻數量）。下面是我傳遞的選項：

var options = { 
    "title": { 
     "text": null 
    }, 
    "legend": { 
     "layout": "vertical", 
     "style": { }, 
     "enabled": false 
    }, 
    "xAxis": { 
     "type": "datetime", 
     "minTickInterval": 86400000 
    }, 
    "yAxis": { 
     "stackLabels": { "enabled": true }, 
     "title": { "text": null } 
    }, 
    "tooltip": { "enabled": true }, 
    "credits": { "enabled": false }, 
    "plotOptions": { 
     "column": { "stacking": "normal" } 
    }, 
    "chart": { 
     "defaultSeriesType": "column", 
     "height": 200, 
     "borderRadius": 0, 
     "renderTo": "monthy_chart" 
    }, 
    "subtitle": { }, 
    "colors": [ "#c7084b","#089fbf","#00d047","#d300d1","#f48400","#f6f400" ], 
    "series": [ 
     { 
      "name": "Camera", 
      "data": [ [ 1362614400000,6 ],[ 1362528000000,2 ] ] 
     }, 
     { 
      "name": "NewCamera2", 
      "data": [ [ 1362614400000,1 ] ] 
     } 
    ] 
}; 

圖表正確顯示數據，但非常狹窄渲染列，即使有隻有2天的數據（圖像下方）。有沒有辦法讓我定義x軸的縮放比例，以便列的寬度顯示得更好一些？

http://i.stack.imgur.com/NSSYg.png

Answer 1

您可以設置pointWidth和startOnTick/endOfTick

http://jsfiddle.net/bLrah/

"xAxis": { 
       startOnTick:true, 
       endOnTick:true, 
      "type": "datetime", 
       "minTickInterval": 86400000 

http://api.highcharts.com/highcharts#xAxis.startOnTick http://api.highcharts.com/highcharts#xAxis.endOnTick http://api.highcharts.com/highcharts#plotOptions.column.pointWidth