1

D3 を学習しようとしていますが、サークルの例を実行するのに問題があります。

http://mbostock.github.com/d3/tutorial/circle.html

円の色とサイズが変わるステップを実行しようとしています。

私がしたのは例をコピーして貼り付けただけですが、他にこれにアプローチする方法がわかりません

http://jsfiddle.net/NntGN/

この問題を解決するためにチュートリアルを実行しようとしました:

http://jsfiddle.net/H2SKt/1/

円グラフを見ると、名前がブロックされています。すべてのラベルが円グラフの中心を指し、互いに妨げないようにするには、どのような変更を加える必要がありますか? 私はテキストアンカーで遊んでいて、それが私の最善の策だと感じていますが、進歩していません.

助けてくれてありがとう:)

4

1 に答える 1

1

まず第一に、次の html コードをサイトにコピーする必要はありません。

<svg width="360" height="180">
  <circle class="little" cx="180" cy="45" r="12"></circle>
  <circle class="little" cx="60" cy="90" r="12"></circle>
  ...
</svg>

それはあなたのためにd3.jsを行います。svg 要素を選択する (または、たとえばボディに追加する) ための JavaScript コードを記述し、要素を作成するだけです。svgが定義されていないため、コードは機能しません。

セクションサークル チュートリアルで要素を作成する を参照してください。

そして最後になりましたが、これは動作中のjsfiddleです。

于 2013-01-25T06:41:38.417 に答える