0

x軸が時間を表し、y軸が[0,100]からの数値を表す時系列グラフを作成しようとしています。次の時系列ポイントの[x、y]座標を提供するライブデータストリームがあります。プロットを試してみると、プロットが発生するたびに前のプロットが消去され、新しいプロットのみが残ることに気付きました。古いプロットに新しいポイントを「追加/レンダリング」するにはどうすればよいですか。

たとえば、次のコードでは次のようになります。

    $(function () {
        var d1 = [];
        for (var i = 0; i < 14; i += 0.5)
            d1.push([i, Math.sin(i)]);

        var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];

        // a null signifies separate line segments
        var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];


        $.plot($("#placeholder"), [ d2 ]);
        $.plot($("#placeholder"), [ d1 ]);


    });

d2がプロットされますが、d1はd2プロットを上書きします。プロットに新しいポイントを追加するにはどうすればよいですか？また、x秒数を更新するにはどうすればよいですか？

4

1 に答える 1

0

それらを並べてグラフ化したいですか。もしそうなら、これはあなたが望むものです：

$.plot($("#placeholder"), [ d2, d1 ]);

これにより、2つの系列が作成され、それらが互いに重ねてプロットされます。データを1秒スクロールする場合は、この例を参照することをお勧めします

于 2012-08-14T23:43:03.413 に答える