4

折れ線/面グラフを使用して日時データを表示します。例を参照してください: http://jsfiddle.net/YFERb/

$(function () {
    var chart = new Highcharts.Chart({

        chart: {
            renderTo: 'container'
        },

        xAxis: {
            type: 'datetime'
        },
        series: [{
            data: [
                [Date.UTC(2010, 0, 1), 29.9],
                [Date.UTC(2010, 0, 3), 106.4],
                [Date.UTC(2010, 0, 5), 75],
                [Date.UTC(2010, 0, 6), 129.2],
                [Date.UTC(2010, 0, 10), 176.0]
             ]
        }]

    });
});

しかし、私は空の日を0に埋めたい. 例を参照: http://jsfiddle.net/RSPNU/

2010.0.2、2010.0.4、2010.0.7、2010.0.8、2010.0.9

空の日に 0 を挿入します。しかし、それは非常に重いです。

そこで、0またはnullデータを挿入することを除いて、2番目の例のように表示したい.

他の方法がある場合は、これに返信してください。ありがとうございました。

4

2 に答える 2

1

ポイントを回避するには、値を に設定しますnull。
これを行うと、チャートのヌル ポイント間にギャップが生じるため、 に設定connectNullsする必要がありますtrue。

series: [{
    data: [
        [Date.UTC(2010, 0, 1), 29.9],
        [Date.UTC(2010, 0, 2), null],
        [Date.UTC(2010, 0, 3), 106.4],
        [Date.UTC(2010, 0, 4), null],
        [Date.UTC(2010, 0, 5), 75],
        [Date.UTC(2010, 0, 6), 129.2],
        [Date.UTC(2010, 0, 7), null],
        [Date.UTC(2010, 0, 8), null],
        [Date.UTC(2010, 0, 9), null],
        [Date.UTC(2010, 0, 10), 176.0]
     ]
}],

plotOptions: {
    series: {
        connectNulls: true
    }
}

デモ

于 2013-02-14T02:27:57.333 に答える
1

一般に、ハイチャートは、毎時ではなく、毎秒ではなく、毎日 0 を入れたいことをどのように認識すればよいのでしょうか? データがどのようにトリミングされているかがわかっている場合は、シリーズに対してpointIntervalとを設定できます。pointStart次に、異なる値を持つ必要がある各ポイントを更新できます。例を参照してください: http://jsfiddle.net/YFERb/3/

于 2013-02-14T12:05:46.083 に答える