2

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」文字列を追加しようとしましたが、すべてが実際には役に立ちませんでした。

それらの行を表示するにはどうすればよいですか?

4

1 に答える 1

5

最後の行:.attr('d', line(dataset))

ラインジェネレータはどのデータを使用するかを知らないからです。

于 2012-09-28T13:05:56.943 に答える