4

各カメラで 1 日に録画されたビデオの数をユーザーに表示しようとしています。そのために、スタック バックを使用したいと思います (各スタックは、特定のカメラで録画されたビデオの数を示します)。私が渡しているオプションは次のとおりです。

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

4

1 に答える 1

3

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

于 2013-03-08T10:47:41.690 に答える