ユーザーが日付範囲のデータを検索できるアプリケーションがあります。フロー チャートを使用しており、時間モードを使用しています。私は持っている
$.plot($('#graph-lines'), graphData, {
series: {
points: {
show: true,
radius: 5
},
lines: {
show: true
},
shadowSize: 0
},
grid: {
color: '#646464',
borderColor: '#fff',
borderWidth: 20,
hoverable: true
},
xaxis: {
//tickColor: 'transparent',
//tickDecimals: 2,
show: true,
mode: "time",
minTickSize: [1, options["TimeInterval"]],
twelveHourClock : false,
min: new Date(options["GraphMinXValue"]),
max: new Date(options["GraphMaxXValue"])
}
グラフの最小値と最大値を、日付範囲の開始日と日付範囲の終了日に設定しています。時間間隔は、ユーザーの選択に応じて「時間」または「日」になります。私の質問は、1 時間ごとのレベルで週の範囲を検索するときに、ティックごとに 30 分ごとに表示する必要があり、各ティックには十分な間隔が必要です。つまり、DateStart = '12-12-2013'、EndDate = '19-12-2013' zoom = "hour" です。グラフの x 軸は次を示す必要があります。
12-12-2013 00:00 00:30 01:00 01:30 .... 13-12-2013 00:00
どのオプションを設定する必要がありますか? これを達成するためにティックをオーバーライドする必要がありますか? もしそうなら、どのように目盛りの間の間隔を設定し、オーバーフローを許可しますか?