如何将文本添加到D3旭日形图的中心

Question

我正在使用zoomable sunburst example ，但我正在努力尝试将文字添加到图表的中心并仍然可以缩放。 我的想法是，当我点击指示其长度的某个弧时，中心的文本将会改变。似乎鼠标点击和鼠标悬停的属性消失了。 这就是我的尝试：

path.append("svg:text")
        .on("click",click)
        .style("font-size","4em")
        .style("font-weight","bold")
        .text(function(d) { return count_function(data); });

有人可以帮我理解如何在不丢失点击功能的情况下在图表中心显示文字吗？

可能更简单的方法是选择代表圆形中心的“g”，并在显示图表后向其添加文本。我试过这个但是我无法成功地选择这个元素（对不起，我是D3的新手），所以回到原点。

Answer 1

您似乎试图在text元素中插入path元素。尝试这样的事情：

svg.select("g").append("svg:text")
    .on("click",click)
    .style("font-size","4em")
    .style("font-weight","bold")
    .text(function(d) { return count_function(data); });