D3 添加/定位文本答案

【问题标题】：D3 adding/positioning textD3 添加/定位文本
【发布时间】：2016-08-03 21:12:31
【问题描述】：

您好，我正在尝试确定是否可以执行以下操作：

正如您从图片中看到的那样，我希望文本在图表的每个“部分”（不同颜色）的中间出现一次。 D3可以做到这一点吗？如果是这样，我将如何实现它。任何帮助，将不胜感激。

目前我已经设法让它出现在每个单独的矩形上，像这样吗？

这里是我添加文本的地方：

     cell.append("svg:text")
      .attr("x", function(d) { return d.dx / 2; })
      .attr("y", function(d) { return d.dy / 2; })
      .attr("dy", ".35em")
      .text("test")
       .style("opacity", function(d) { console.log(this.getComputedTextLength());d.w = this.getComputedTextLength(); return d.dx > d.w ? 1 : 0; });

完整代码如下：http://jsfiddle.net/noobiecode/9ev9qjt3/74/

【问题讨论】：

请添加一些代码，或者最好将 minimal reproducible example 设置为 JSFiddle 等。
我以为我添加了但小提琴 url 但猜我错了。我已经编辑了问题，所以现在添加了。

标签： javascript d3.js treemap

【解决方案1】：

没有任何代码很难回答，但是您可以先将.attr("text-anchor", "middle") 添加到您的文本元素中吗？

【讨论】：

我已经尝试过了，但所做的只是将文本添加到每个矩形的中间，这不是我想要的。我想把它放在每组的中间（看我问问题的图片）。