关于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上
上一篇:RestFul接口设计


下一篇:第一个成型的d3案例