Datetime X 축 열이 너무 얇은 하이 스택 스택 형 열

각 카메라 당 하루에 녹화 된 비디오 수를 사용자에게 표시하려고합니다. 이렇게하려면 스택 백을 사용하고 싶습니다. 각 스택은 주어진 카메라로 녹화 된 비디오의 수를 보여줍니다. 여기에 내가 전달하고있는 옵션은 다음과 같습니다Datetime X 축 열이 너무 얇은 하이 스택 스택 형 열

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 ] ] 
     } 
    ] 
};

그래프는 데이터를 올바르게 표시하지만 데이터 (이미지 아래)의 이일이 경우에도 매우 좁게 열을 렌더링합니다. 열의 너비가 조금 더 잘 보이도록 x 축의 크기를 결정하는 방법이 있습니까?

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

출처

2013-03-07 cdanzig

당신이 jsFiddle에 문제를 다시 수 있을까요? 또한 xAxis에 대한 데이터는 오름차순으로 정렬되어야합니다. –

Datetime X 축 열이 너무 얇은 하이 스택 스택 형 열

답변

관련 문제