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") к текстовым элементам ?