Javascript 将d3.js代码与不'；t显示和定义前显示的多个SVG

我正在学习一些基础知识

我在“绑定数据”部分，到目前为止，这是相当混乱的

var dataset = [],
    i = 0;

for(i=0; i<5; i++){
    dataset.push(Math.round(Math.random()*100));
}        

alert("Data: " + dataset)

var sampleSVG = d3.select("#viz")
    .append("svg:svg")
    .attr("width", 400)
    .attr("height", 75);    

sampleSVG.selectAll("rect")
    .data(dataset)
    .enter().append("svg:rect")
    .style("stroke", "gray")
    .style("fill", "white")
    .attr("height", 40)
    .attr("width", 75)
    .attr("x", function(d, i){return i*80})
    .attr("y", 20);

var数据集=[]，
i=0；
对于（i=0；i
因为矩形的宽度固定为75，并且不使用随机数
append（“svg:rect”）创建矩形
d是指数据集，这些是随机数
i是数据集项的索引，因此第一个项为0，第二个项为1，依此类推，最多为4，因为数据集中有5个项
是的，你猜对了
因为矩形的宽度固定为75，并且不使用随机数
append（“svg:rect”）创建矩形
d是指数据集，这些是随机数
i是数据集项的索引，因此第一个项为0，第二个项为1，依此类推，最多为4，因为数据集中有5个项
是的，你猜对了
谢谢！：）但请注意：#2，如何在创建矩形之前选择.selectAll（“rect”）？阅读教程：“rect”选择指的是要与数据相对应的元素。append“使用指定名称附加新元素，作为当前选择中每个元素的最后一个子元素”因此，附加扩展了最初为空的选择库！数据连接是一个非常酷的概念。另外：（当迈克·博斯托克对我的d3问题发表评论时，我的感受是：D）谢谢！：）但是re:#2，.selectAll（“rect”）如何在创建矩形之前进行选择？阅读教程：“rect”选择指的是要与数据相对应的元素。append“使用指定名称附加新元素，作为当前选择中每个元素的最后一个子元素”因此，附加扩展了最初为空的选择库！数据连接是一个非常酷的概念。另外：（当Mike Bostock对我的d3问题发表评论时我的感受：D）