如何在 d3 图形中向边缘添加标签
How to add label to edges in d3 graph
请看http://bl.ocks.org/rkirsling/5001347
它显示了一些节点以及它们之间的边缘。您能否告诉要在其中添加什么代码以及在哪里使边缘具有标签。您可以假定标签的任何合适位置,也可以假定任何标签文本。谢谢。
您可以添加标签,就像添加链接本身的路径一样。您需要做的就是根据链接连接的两个节点的位置计算位置。代码看起来像这样。
svg.selectAll("text").data(links).enter()
.append("text")
.attr("x", function(d) { return d.source.x + (d.target.x - d.source.x)/2; })
.attr("y", function(d) { return d.source.y + (d.target.y - d.source.y)/2; })
.text(function(d) { return d.something; });
请注意,在tick
函数中,您还需要更新标签的位置。
相关文章:
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何在映射数组中添加换行符
- 正在将数据主题添加到所有项目
- ZeroClipboard-在复制之前添加到值
- 我可以在json对象中添加一个函数吗
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何添加浮动和非浮动,其他
- 添加文字和评论功能更新Div
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 用于添加边缘的gremlin服务器查询
- 库存图表-添加偏移以避免在边缘绘制点
- 如何在 d3 图形中向边缘添加标签
- Javascript infovis工具包(JIT)在HyperTree中添加边缘事件侦听器
- Infovis JIT:向边缘添加点击侦听器
- 在arbor.js(查询插件)中为边缘添加标签
- 用Cytoscape.js添加一个边缘标签
- JIT添加子图单个边缘颜色
- 如何在vis.js中动态添加边缘到集群