javascript - シンプルな d3 棒グラフが表示されない

Question

これは私が試している単純な棒グラフです。しかし、何も表示されません。

var data = [4, 8, 15, 16, 23, 42];
var chart = d3.select("body").append("svg:svg")
 .attr("class", "chart")
 .attr("width", 420)
 .attr("height", 20 * data.length);

var x = d3.scale.linear().domain([0, d3.max(data)]).range([0, 420]);

chart.selectAll("svg:rect")
 .data(data)
 .enter().append("svg:rect")
 .attr("y", function(d, i) { return i * 20; })
 .attr("width", x)
 .attr("height", 20)

rect代わりに使用するとsvg:rect、コンソールで表示できるように四角形が作成されますが、ブラウザでは表示されません。

Answer 1

四角形を塗りつぶしたり色を付けたりするには、CSS を追加する必要がある場合があります。これは、例を使用して設定することもできます.style("fill", "red")。