高图表堆积列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