D3 v3到v5需要了解的变化

v3 → v5 改动

js url

<script src="https://d3js.org/d3.v3.js"></script>

<script src="https://d3js.org/d3.v5.js"></script>

style

selection.style({
    width:'100%',
    height:'30px'
})
//修改如下
selection.style('width','100%')
        .style('height','30px');

attr

selection.attr({
    width:'100%',
    height:'30px'
})
//修改如下
selection.attr('width','100%')
        .attr('height','30px');

selectAll

v3:
 d3.selectAll(selector) → Array

v5:
 d3.selectAll(selector) → Object

  d3.selectAll(selector).nodes() 获取 Array

d3.scale.linear

d3.scale.linear ↦ d3.scaleLinear
d3.scale.sqrt ↦ d3.scaleSqrt
d3.scale.pow ↦ d3.scalePow
d3.scale.log ↦ d3.scaleLog
d3.scale.quantize ↦ d3.