javascript - Highcharts tickInterval毎時間

原文 javascript jquery highcharts

列にグループ化されたデータを複数のシリーズとして表示しようとしています。 3つの主要な要件があります。


グラフはfromDateで開始する必要があります(X軸上のゼロ点)
1時間ごとに「目盛り」があるはずです
toDateは柔軟です


これまでのところ、tickIntervalは提供されたデータに非常に依存しているようで、Highchartは以下のような場合にはそれを無視しています。私のシナリオでダニを配置する方法はありますか?データがない場合でもティックを追加できますか?

    $('#container').highcharts({
    global: {
        useUTC: false
    },
    chart: {
            zoomType: false,
            type: 'column'
        },
    xAxis: {
        type: 'datetime',
        ordinal: false,
        startOnTick: false,
        endOnTick: false,
        minPadding: 0,
        maxPadding: 0,
        tickInterval: 3600 * 1000,
        minTickInterval: 3600 * 1000
    },

    plotOptions: {
        column: {
            stacking: 'normal',
            column: {
                pointPadding: 0,
                borderWidth: 0,
                grouping: true
            }
        }
    },
    series: [{"name":"One","data":[[1.424304e+12,1],[1.4243076e+12,2],[1.4243148e+12,1],[1.4243301e+12,1],[1.4243364e+12,1],[1.4243436e+12,1],[1.4243472e+12,1],[1.4243526e+12,1],[1.4243535e+12,1],[1.4243544e+12,1],[1.4243625e+12,1],[1.4243652e+12,2],[1.424367e+12,1],[1.4243688e+12,8],[1.4243724e+12,3],[1.4243733e+12,1],[1.424376e+12,8],[1.4243814e+12,3],[1.4243841e+12,1]]},{"name":"Two","data":[[1.424304e+12,1],[1.4243112e+12,1],[1.4243292e+12,1],[1.4243436e+12,1],[1.4243616e+12,1],[1.4243652e+12,3],[1.4243724e+12,1],[1.4243868e+12,1]]},{"name":"Seven","data":[[1.4243706e+12,1],[1.4243814e+12,1]]}]
});


Fiddleへのリンク
答え
ポイント間に不規則な間隔があるため、ハイチャートはポイント間の適切な距離を実際に計算できません。これにより、xAxisの間隔に問題が発生します。回避策は、たとえばpointRangeを1時間の1/10に設定することです。jsfiddle.net/ qn6romsf / 7-pointRangeを設定できない場合は、tickPositionerを使用してみてください。
関連記事

javascript - Ajaxによるフォームの送信とfields_forパーシャルの更新-未定義のローカル変数fの応答

javascript - Instagramにログインしようとすると、Seleniumを使用したPhantomjsがiframe JavaScriptを処理しない

javascript - 3(+)要素の同期スクロール?

javascript - node.jsがプロセスを終了できない原因は何ですか?

javascript - MEAN-stackプロジェクトのクライアント側にpdfmakeを含める

javascript - HTMLCollection.item()関数はnullを返します

javascript - 大きなキャンバスを編集後にデータURIとして保存する

javascript - 統合フクロウカルーセル+ easyzoom

javascript - 異なる引数を持つ複数のdivでのJavaScript Ajaxロード

javascript - node.jsのクロスドメイン不足の必須リクエストヘッダーエラー