D3.js强制有向图，在连接Source和Target的行上显示文本

Question

我是D3.js强迫有向图的新手并遵循http://www.d3noob.org/2013/03/d3js-force-directed-graph-example-basic.html中给出的示例

该示例完全符合我的要求，但我需要一个小帮助：我想在每个节点上连接源和目标的线上显示一些信息（理想情况是在连接源和目标的线的中心） ）。

如果之前有人这样做过，请告诉我。另外，如果还有其他图表我可以使用，请告诉我吗？

如果有类似问题，请在此问题上移动此主题。

Answer 1

根据我拥有的JSON数组进行了一次小更新

var links = [
    {source: "Apple", target: "Nokia", type: "resolved",distance:"25"},
  {source: "Qualcomm", target: "Nokia", type: "resolved",distance:"30"},
  {source: "Apple", target: "Motorola", type: "suit",distance:"35"},
  {source: "Microsoft", target: "Motorola", type: "suit",distance:"40"},
  {source: "Motorola", target: "Microsoft", type: "suit",distance:"45"}
];

我能够从JSON数组中读取距离标记，并将其放在行上的文本中， 现在图形将完整动态，（即）从JSON数组中读取所有内容并显示。 解决方案是http://jsfiddle.net/DEeNB/36/