この記事で説明されているコンテキストで: Path Transitionsでは、データ フィードからティック チャートを作成しています。
上記のパス トランジションの例で Mike が行ったことが気に入っています。ここでは、時間軸のトランジションと、パスを使用した走行ラインの補間を示しています。
パスの代わりに、単純なシミュレートされた小節線から始めて、D3 のコツをつかみたいと思います。トランジションを使用して新しいデータ入力ごとに個別の垂直バーを描画する方法を誰かに教えてもらえれば、ティック チャート アプリケーションを完成させることができると思います。
Math.random()入力が(y1)であるとしましょう。.2新しくプッシュされた各データ ポイントの高さを追加するとします。- 次に
.attr、x1,y1, x2,y2+.2for each を実行します。
変換/翻訳を正しく
使用する方法がわかりません。
X 軸でマイクのコードを実行している補間を確認しy-axis、トランジションも作成しました。私はこのトピックに精通していますが、この単純な線のバージョンを実行するのに十分な能力はありません.