D3 Hinzufügen/Positionierung Text

Hallo Ich versuche, herauszufinden, ob es möglich ist, die folgendes zu tun:D3 Hinzufügen/Positionierung Text

Wie Sie dem Bild sehen kann, ich will Text haben einmal erscheinen in die Mitte jedes "Abschnitts" (verschiedene Farben) auf dem Diagramm. Ist es möglich, dies mit D3 zu tun? Wenn ja, wie würde ich es erreichen? Jede Hilfe wäre willkommen.

Derzeit habe ich es geschafft, es auf jedem einzelnen Rechteck erscheinen zu lassen, so?

Hier ist, wo ich den Text hinzufügen:

 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; });

Hier ist der komplette Code: http://jsfiddle.net/noobiecode/9ev9qjt3/74/

Quelle

2016-08-03 user3837019

Fügen Sie bitte einen Code hinzu oder richten Sie vorzugsweise einen [mcve] als JSFiddle oder ähnliches ein. – altocumulus

Ich dachte, ich hätte hinzugefügt, aber Geige URL, aber ich denke, ich habe mich geirrt. Ich habe die Frage bearbeitet, sodass sie jetzt hinzugefügt wird. – user3837019

Ohne Code schwer zu beantworten, es ist, sondern wie über Sie mit dem Hinzufügen von .attr("text-anchor", "middle") zu Ihrem Textelemente starten ?

Quelle

2016-08-03 10:10:09

Ich habe das versucht, aber alles, was tut, ist der Text in der Mitte jedes Rechtecks, was nicht das ist, was ich will. Ich möchte es in der Mitte jeder Gruppe haben (schau dir das Bild an, wo ich die Frage stelle). – user3837019

Antwort

Verwandte Themen