相关疑难解决方法(0)

可折叠力导向图上的D3.js标题

所以我一直在研究基于以下示例的可折叠力导向图.

我试图从那里前进,并为每个节点添加标题.我在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)

6
推荐指数
1
解决办法
6741
查看次数

R collapsibleTree:在工具提示中动态添加图像

这是一个很好的显示层次结构的包。

根据collapsibleTree 包提供的文档

在下面的代码中,他在工具提示中使用了图像。

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。同样,它应该向所有员工展示。

是否可以。

任何建议将不胜感激。

谢谢莫汉五世

html javascript r

4
推荐指数
1
解决办法
987
查看次数

标签 统计

html ×1

javascript ×1

r ×1