Schriftgröße funktioniert nicht in meinem d3.js Code

Question

Ich schreibe d3.js zum Generieren von vielen Diagrammen und Grafiken .. aber wenn es keine Daten gibt, ich bin nur anhängen Svg einen Text und Schreiben "keine Daten zur Anzeige" und Zuweisung einiger Attribute wie xy dy etc .. ähnlich Schriftgröße aber außer Schriftgröße funktioniert alles.

warum? hier ist mein Code

var svg = d3.select(selector).append("svg") 
    .attr("width", width + margin.left + margin.right) 
    .attr("height", height + margin.top + margin.bottom) 
    .append("g") 
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")"); 

if (!data.IssueTrendsDAO.issueTrendList) { 
    svg.append("text") 
    .attr("font-size","34px") 
    .attr("y", 79) 
    .attr("x", 40) 
    .attr("dy", ".47em")       
    .style("text-anchor", "start") 
    .style("fill", "#004669") 
    .style("font-weight", "bold") 
    .text("No data to display"); 
} 

Answer 1

Ich glaube, Sie werden feststellen, es funktioniert, wenn Sie font-size als Stil zuweisen, anstatt als ein Attribut.

.style("font-size", "34px") 

(besser noch, eine ID oder Klasse Attribut zuweisen und setzen Sie alle Ihre Stile in CSS)