在D3js Sunburst上添加标签

Question

我是d3js的新手，并且我试图在D3js v4 Sunburst上贴上这样的标签：

您知道如何执行此操作吗？ 我什么也找不到对我有帮助的东西。

我使用了这个示例https://bl.ocks.org/kerryrodden/766f8f6d31f645c39f488a0befa1e3c8，以帮助我实现朝阳。

Answer 1

您可以尝试以下计划：

据我了解，您希望根据某些条件将标签放在特定的弧上或手动选择它们。 因此，您将获得如下所示的节点子集：

var nodesForLabels = nodes.filter(d => d.value > 1)

之后，您需要将文本标签放在圆弧的质心中：

vis.selectAll('.label').data(nodesForLabels).enter().append('text')
  .attr('x', d => arc.centroid(d)[0])
  .attr('y', d => arc.centroid(d)[1])
  .attr('text-anchor', 'middle')
  .text(d => Math.round(d.value / partition.value * 100) + '%')