D3添加/定位文本

Question

您好我想弄清楚是否可以执行以下操作：

正如您在图片中看到的那样，我希望文本在图表上的每个“部分”（不同颜色）的中间出现一次。有可能用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/

Answer 1

没有任何代码，很难回答，但是如何开始将.attr("text-anchor", "middle")添加到文本元素中？