Javascript D3.js强制定向图,在连接源和目标的线上显示文本

Javascript D3.js强制定向图,在连接源和目标的线上显示文本,javascript,d3.js,force-layout,Javascript,D3.js,Force Layout,我是D3.js力定向图的新手,并遵循了中给出的示例 该示例完全符合我的要求,但我需要一个小帮助:我希望在每个节点上连接源和目标的线上显示一些信息(理想情况下,在连接源和目标的线的中心) 如果有人曾经这样做过,请让我知道。另外,请让我知道是否有任何其他的图表,我可以使用 如果有类似的问题,请将此线程移到该问题上。根据我的JSON数组进行了一个小更新 var links = [ {source: "Apple", target: "Nokia", type: "resolved",dist

我是D3.js力定向图的新手,并遵循了中给出的示例

该示例完全符合我的要求,但我需要一个小帮助:我希望在每个节点上连接源和目标的线上显示一些信息(理想情况下,在连接源和目标的线的中心)

如果有人曾经这样做过,请让我知道。另外,请让我知道是否有任何其他的图表,我可以使用


如果有类似的问题,请将此线程移到该问题上。

根据我的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数组读取并显示所有内容。
解决办法是

你看到了吗?嗨,拉尔斯,谢谢,或者是链接,这就是我想要的,但我这里有一个小问题。我可以从JsonArray中再读取一个值吗(我现在正在读取,其中包括源、目标和类型)我想再发送一个名为distance的标记,类似代码var links=[{source:“Microsoft”,target:“Amazon”,type:“toSource”,distance:“10”},{source:“Nokia”,target:“Qualcomm”,type:“toTarget”,distance:“20”};编码并将距离值放置在边缘上?因为我是从JSONarray读的,所以对我来说会更容易。我不确定你的意思——这个问题解释了如何向链接添加标签。这不是你想要的吗?嗨,拉尔斯,在玩了一些代码之后,我能够按照我的意愿在行上显示文本。请看一下这里的修改谢谢,AshishIf如果解决了你的问题,你能把它作为一个答案吗?