5

ハイストックチャートにいくつかのシリーズを表示しています。ユーザーがそれらの 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 を考え出します。

4

1 に答える 1

10

序数をfalseに設定すると、問題が解決します。

xAxis: {
    ordinal: false
}
于 2013-02-25T22:14:38.267 に答える