svg6 = { const heightPlus = 130;//思いの外上に伸びるグラフがあったので拡張 const svg = DOM.svg(w, h + heightPlus) const scale = d3.scaleLinear().domain([0, 100]).range([0, 100]);//一応作ったが現時点で未使用のscale //使うデータセット let classChoise = "cassette"; let dataset = RcassetteDATA; //グラフ成形用 let graphX = 10;//グラフの位置X let graphY = 90 + heightPlus;//グラフの位置Y let xZikuSep = 100;//X軸の幅 let yZikuSep = 200;//Y軸の幅 let squareSize = 10;//四角の大きさ let textX = -6;//ラベルの位置X let textY = -10;//ラベルの位置Y let yearX = -10;//年ラベルの位置X let yearY = h + heightPlus;//年ラベルの位置Y let color = "#666666";//色 //基準線 d3.select(svg).append("line") .attr("class", "baseline") .attr("x1", 0) .attr("y1", 300 + heightPlus) .attr("x2", w) .attr("y2", 300 + heightPlus) .attr("stroke", "#ff9999"); //四角形 d3.select(svg).selectAll("rect." + classChoise) .data(dataset) .enter() .append("rect") .attr("class", classChoise) .attr("x", function(d, i) { return scale(i*xZikuSep - squareSize/2 + graphX) }) .attr("width", scale(squareSize)) .attr("y", function(d, i) { if(d != 0){ return scale(h - d*yZikuSep - squareSize/2 + graphY) }else{ return 1000;}//データがない場合四角を欄外にぶっ飛ばす }) .attr("height", scale(squareSize)) .attr("fill", color); //線分 d3.select(svg).selectAll("line." + classChoise) .data(dataset) .enter() .append("line") .attr("class", classChoise) .attr("x1", function(d, i) { return scale(i*xZikuSep + graphX) }) .attr("y1", function(d, i) { return scale(h - d*yZikuSep + graphY) }) .attr("x2", function(d, i) { if(i