d3使ってSVGを追加する時のメモ。
・ 一括で追加する
下の感じ。var dataset = [10,5,15]; var svg = d3.select("body") .append("svg") .attr("width",500) .attr("height",500); svg.selectAll("rect") .data(dataset) .enter() .append("rect") .attr("x",5) .attr("y",function(d,i){return i*42;}) .attr("width",50) .attr("height",function(d,i){return 40;});
・ 一括で追加のを2回に分けてやる
下の感じ。var dataset = [10,5,15]; var svg = d3.select("body") .append("svg") .attr("width",500) .attr("height",500); svg.selectAll("rect") .data(dataset) .enter() .append("rect") .attr("x",5) .attr("y",function(d,i){return i*42;}) .attr("width",50) .attr("height",function(d,i){return 40;}); svg.selectAll("rect2") .data(dataset) .enter() .append("rect") .attr("x",5) .attr("y",function(d,i){return i*42;}) .attr("width",50) .attr("height",function(d,i){return 40;});よく分からないけど、足したい時はselectAllで持ってくる要素を空振りさせるようにしないと上手くいかない。