json中的D3.js attr无法正常工作?

时间:2018-08-29 14:01:01

标签: d3.js

我刚刚开始使用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时,条形图正确呈现。但是现在不起作用了。

0 个答案:

没有答案