所以我一直在研究基于以下示例的可折叠力导向图.
我试图从那里前进,并为每个节点添加标题.我在stackoverflow上遵循了类似的答案,但是我无法将该答案的解决方案实现到上面的示例和其他类似的解决方案中.
请有人指出我正确的方向.
实施前请参阅下面的项目代码.

JS
var w = 600,\n h = 600,\n radius = 10,\n node,\n link,\n root;\n\nvar force = d3.layout.force()\n .on("tick", tick)\n .charge(function(d) { return -500; })\n .linkDistance(function(d) { return d.target._children ? 100 : 50; })\n .size([w, h - 160]);\n\nvar svg = d3.select("body").append("svg")\n .attr("width", w)\n .attr("height", h);\n\nroot = words[0]; //set root node\nroot.fixed = true;\nroot.x = w / 2;\nroot.y = h / 2 - 80;\nupdate();\n\nfunction update() {\n var nodes = flatten(root),\n links = d3.layout.tree().links(nodes);\n\n // Restart …Run Code Online (Sandbox Code Playgroud) 这是一个很好的显示层次结构的包。
在下面的代码中,他在工具提示中使用了图像。
org$tooltip <- paste0(
org$Employee,
"<br>Title:",
org$Title,
"<br><img src='https://source.unsplash.com/collection/385548/150x100'>"
)
collapsibleTreeNetwork(
org,
attribute = "Title",
fill = "Color",
nodeSize = "leafCount",
tooltipHtml = "tooltip"
)
Run Code Online (Sandbox Code Playgroud)
这里每个气泡都显示一个图像。
现在,例如 A Employee --> 应该显示图像 A。同样,它应该向所有员工展示。
是否可以。
任何建议将不胜感激。
谢谢莫汉五世