1

D3.jsでforce.layout機能を使用する方法を学習しようとしており、「ForceDirectedRadialGraph」を作成しています。

ノード（ノード名など）からテキストを正常に追加およびレンダリングできましたが、行（または他の人がリンクやエッジと呼ぶ可能性があるもの）（関係名など）からテキストをレンダリングできないようです。

誰かが私がそうする方法を教える良い例をどこで見つけることができるか、または私がしたことを修正することができるコードスニペットを持っているか知っていますか？

あなたが提供できるどんな助けにも感謝します。大変感謝しております。

私のベスト、

フランク

4

1 に答える 1

1

サンプルは、エッジにテキストを追加する方法をすでに示しています。関連するコードは次のとおりです。

      // Append text to Link edges
  var linkText = svgCanvas.selectAll(".gLink")
      .data(force.links())
    .append("text")
  .attr("font-family", "Arial, Helvetica, sans-serif")
  .attr("x", function(d) {
      if (d.target.x > d.source.x) { return (d.source.x + (d.target.x - d.source.x)/2); }
      else { return (d.target.x + (d.source.x - d.target.x)/2); }
  })
      .attr("y", function(d) {
      if (d.target.y > d.source.y) { return (d.source.y + (d.target.y - d.source.y)/2); }
      else { return (d.target.y + (d.source.y - d.target.y)/2); }
  })
  .attr("fill", "Maroon")
      .style("font", "normal 12px Arial")
      .attr("dy", ".35em")
      .text(function(d) { return d.linkName; });
于 2012-06-21T14:35:45.113 に答える