相关疑难解决方法(0)

分层边缘捆绑:添加父组标签

我对 HTML 和 JavaScript 还很陌生。我面临着著名的分层边缘捆绑,它是由 D3.js 库生成的。

我的目标是添加一个半圆形标签区域以获得这样的效果:每个最终节点组都标有父节点的名称。 在此输入图像描述

不幸的是,除了上面链接中提供的代码之外,我还没有找到任何可以从中获得灵感的代码:我的想法是修改该代码,添加一些行以生成标签。

我看到这个链接,其中包含一段可能可以解决问题的代码片段,但我不知道如何使用它(以及我是否处于正确的方向)

node.append("text")
  .attr("dy", ".31em")
  .attr("x", function(d) { return d.x < 180 === !d.children ? 6 : -6; })
  .style("text-anchor", function(d) { return d.x < 180 === !d.children ? "start" : "end"; })
  .attr("transform", function(d) { return "rotate(" + (d.x < 180 ? d.x - 90 : d.x + 90) + ")"; })
  .text(function(d) { return d.id.substring(d.id.lastIndexOf(".") + 1); });
Run Code Online (Sandbox Code Playgroud)

有人有什么建议吗?

html javascript dendrogram d3.js

8
推荐指数
1
解决办法
1105
查看次数

标签 统计

d3.js ×1

dendrogram ×1

html ×1

javascript ×1