D3 - 線グラフを動的に更新する

Question

私はd3を初めて使用しているため、間隔に基づいて折れ線グラフを動的に更新しています。古いデータを移動/終了して新しいデータで更新したいのですが、新しいデータがグラフに追加されるのを見ることができますが、古いデータは移動/終了しません。誰かがこの問題で私を助けてください、どんな助けも大歓迎ですか？

Plunker linkを

をグラフにデータを注入するほとんど変化とd3noob'slinkからコピー

はまた、私は現在、単一の円をするためのY軸の上に追加され、各ポイントの円を追加しようとしてい何らかの理由で。

Answer 1

d3noob's linkをチェックしているうちに、彼はdata.csvとdata-alt.csvという2つのデータセットを使用しています。それは常にあなたの質問に答えるために、そうdata-alt.csv

を取得updateData機能のセカンドラン、

1. まず中に、あなたはあなたのデータの生成ロジックが正しい取得する必要があります。乱数を生成するので、randomPoints()関数がD3に理解できる適切な日付を生成することを確認する必要があります

2. 次に、ランダムに生成されたデータセットをdata変数にバインドします。

3. 最後に、updateDataの実行ごとにdata変数をクリアします。

私はPlunkerを作成しました。これについてもっと説明が必要な場合はお知らせください。

希望します。