关于d3.js代码的一些理解

let data=[232,432,543,654,453,543]
let svg=d3.select(’#barchart’)
.append(‘svg’)
.attr(‘width’,1000)
.attr(‘height’,320)
svg.selectAll(‘rect’)
.data(data)
.enter()
.append(‘rect’)
.attr(‘x’,(d,i)=>{return 20})
.attr(‘y’,(d,i)=>{return i*60})
.attr(‘width’,(d,i)=>{return d})
.attr(‘height’,(d,i)=>{return 10})
.attr(‘fill’,‘blue’)

 以此为例，链式写法每次都以选择的dom为基础往后运行，返回也是返回最后一个dom
d3.select('#barchart')
 .append('svg')
 这行代码返回的就是svg而不是id=barchart的这个dom，同时后面的  .attr('width',1000)
 .attr('height',320)也是作用在svg上。
 后面的代码同理，作用在rect上

标签：return,attr,svg,代码,js,height,d3,append
来源： https://blog.csdn.net/qq_41673649/article/details/122496977