1

難問があります。「マルチシリーズ」ギャラリーの例 (申し訳ありませんが、10 担当者で、2 回以上リンクすることはできません) をわずかに変更した例で、この .tsv ファイルを使用するコードがここにあります。期待されるのは、現在コードでプロットされているデータ (「ストリーム」列) が、グラフ化されていないデータ (+Avgstream および -Avgstream) 列と同じ SVG にあることです。ただし、私が行った各 D3.js プロジェクトでは、グラフに直線を配置することはできませんでした。現時点では、このグラフではストリームの列のみがプロットされています。これは、ストリームの結果が、使用しているデータの移動平均の内側または外側にあることを示す簡単な方法です。

これらの行がプロットされない理由についてのアイデアはありますか?

4

1 に答える 1

1

3つのシリーズすべてをプロットしようとしているだけですか？tsv ファイルの列名に「+」と「-」の文字が含まれているように見えることを除いて、問題はありません。許可されているかどうかはわかりません。

Unixtime        stream  +Avgstream      -Avgstream
1351805809      5594    5489    6379
1351865010      5468    5489    6379
1351868732      5479    5489    6379
1351875915      5504    5489    6379
1351883184      7177    5489    6379
1351890345      5481    5489    6379
...

列名（および tsv デコード）を次のように置き換えました。

data = [
    {Unixtime:1351805809, stream: 5594, plusavg:5489, lessavg:6379},
    {Unixtime:1351865010, stream: 5468, plusavg:5489, lessavg:6379},
    {Unixtime:1351868732, stream: 5479, plusavg:5489, lessavg:6379},
    {Unixtime:1351875915, stream: 5504, plusavg:5489, lessavg:6379},
    {Unixtime:1351883184, stream: 7177, plusavg:5489, lessavg:6379}
];

そして、チャートに 3 つの線が表示されます。

ここに画像の説明を入力

それはあなたがやろうとしていることのようなものですか？ここを参照してください。

于 2012-12-06T22:25:18.863 に答える