d3.js Balkendiagramm: .text erscheint nicht

Question

Ich baue ein einfaches Balkendiagramm mit d3.js und es funktioniert gut. Wenn ich jedoch versuche, auf jedem Balken Texte anzuzeigen, passiert nichts. Die Konsole gibt keinen Fehler zurück, so dass ich das Problem nicht verstehen kann. Mein Code ist verfügbar here, ich habe versucht, einfachen Text wie "Hallo" anzuzeigen, aber immer noch nichts auftaucht.

Answer 1

Problem:

Anfügen Texte zu einem rect Elemente in SVG.

Lösung:

Fügen Sie die Texte zum SVG oder zu einer Gruppe.

Anleitung:

Sie Ihre Texte auf die Rechtecke angehängt wird. Nichts wird in der Konsole als Fehler angezeigt, da kein Fehler angezeigt wird, aber die Texte werden nicht angezeigt.

Sie haben eine Variable für die Texte zu erstellen:

var texts = svg.selectAll(".mytexts") 
          .data(data) 
          .enter() 
          .append("text"); 

Und dann die Attribute setzen:

texts.attr("class", "value") 
       .attr("x", function(d) { return widthScale(d.vacant); }) 
       .attr("y", heightScale.rangeBand()/2) 
       .attr("dx", -3) 
       .attr("dy", ".35em") 
       .attr("text-anchor", "end") 
       .text(function(d) { return format(d.vacant); }); 

Vergessen Sie nicht, entsprechend der CSS zu ändern.