簡單的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的rects獲得創建，我可以在控制檯中看到的，但我不能看到它在瀏覽器中。

Answer 1

您可能需要添加一些CSS來填充/着色矩形。例如，您也可以使用.style("fill", "red")進行設置。