ハイストックチャートにいくつかのシリーズを表示しています。ユーザーがそれらの 4 時間を超えてデータ ポイントを追加した場合に、スクロールのオプションを使用して少なくとも 4 時間のデータを表示したいので、highstock を選択しました (ただし、それが問題に関連している場合は、rangeSelector または navigator を有効にしたくありません)。私は持っている)。
これは簡単だと思いましたが、x 軸に 15 分間隔を表示するのに問題があります。1 つのデータ ポイントが動的に追加されると、グラフは 15 分のティック間隔を正しく表示しますが、さらにデータ ポイントが追加されると、x 軸は時間のスケーリングを正しく開始しません。次に、ページを更新して複数のデータ ポイントを含むグラフを表示すると、非常に奇妙な tickIntervals が表示されます。
ここに私の xAxis オプションがあります:
xAxis: {
type: 'datetime',
min: 1361815200000,
max: 1361829780000,
tickInterval: 15 * 60 * 1000,
minTickInterval: 15 * 60 * 1000, // 15 minute intervals
gridLineWidth: 2,
labels: {
formatter: function () {
var d = new Date(this.value);
return (d.getMinutes() == 0) ? '<b>' + Highcharts.dateFormat('%H:%M', this.value) + '</b>' : d.getMinutes();
}
}
}
残りはここで見ることができます: http://jsfiddle.net/pxCsX/
私は何が欠けていますか?minRange、type、その他の xAxis および series 属性をいじくり回し、ハイストック ドキュメントを精査しましたが、引き続き bupkis を考え出します。