JSFiddleリンク: http ://jsfiddle.net/zDgsp/
私はD3.jsを初めて使用し、折れ線グラフを機能させようとしていました(実際には、複数の線があるもの)。d3 APIリファレンスといくつかのチュートリアルを数回読みましたが、それでも私の問題が何であるかを理解できません。通常、私は新しいことに順応するのが本当に速いです。
円の描画は正常に機能しますが、線のパスが問題のようです。DOMインスペクターは、SVGにあるいくつかのパス要素を表示します。各要素のサイズは0px x 1px
。です。
andハンドラーconsole.log()
内で戻り値を実行すると、これらは呼び出されないことがわかりました。異なるデータを使用しているためにとを置き換えることを除いて、 APIで述べられているのとまったく同じことをしているので、それは私を非常に混乱させます。line.x()
line.y()
console.log()
x(d.x)
x(i)
y(d.y)
y(d)
また、閉じたパスに「Z」文字列を追加しようとしましたが、すべてが実際には役に立ちませんでした。
それらの行を表示するにはどうすればよいですか?