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上