我刚刚开始使用d3.js。我试图使用json而不是继续链接“ .attr”。考虑下面的代码:
const w = 300, h = 100;
const padding = 2;
const dataset = [5, 10, 15, 20, 25];
const svg = d3.select("body")
.append("svg")
.attr("width", w)
.attr("height", h);
svg.selectAll("rect")
.data(dataset)
.enter()
.append("rect")
.attr({
x: (d, i) => i * w / dataset.length,
y: d => h - d * 4,
width: w / dataset.length - padding,
height: d => d * 4,
fill: d => `rgb(${d * 10},0,0)`
})
当我链接.attr时,条形图正确呈现。但是现在不起作用了。