Javascript 在D3js Sunburst上添加标签

Javascript 在D3js Sunburst上添加标签,javascript,d3.js,Javascript,D3.js,我是d3js新手,我试图在d3js v4 Sunburst上贴上一些标签,如下所示: 你知道怎么做吗?我找不到任何可以帮助我的东西 我已经用这个例子来帮助我实现一次日光浴。你可以尝试以下计划: 据我所知,您希望根据某些条件将标签放置在特定的圆弧上,或者手动选择它们。因此,可以得到如下节点子集: var nodesForLabels = nodes.filter(d => d.value > 1) 之后,您需要将文本标签放置在圆弧的质心中: vis.selectAll('.label

我是d3js新手,我试图在d3js v4 Sunburst上贴上一些标签,如下所示:

你知道怎么做吗?我找不到任何可以帮助我的东西


我已经用这个例子来帮助我实现一次日光浴。

你可以尝试以下计划:

据我所知,您希望根据某些条件将标签放置在特定的圆弧上,或者手动选择它们。因此,可以得到如下节点子集:

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) + '%')

你看过吗?@YaroslavSergienko,谢谢,我以前看过,但这不是我想要的。谢谢,太完美了!你救了我一天