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")到您的文本元素？