d 3.jsでv 3からv 4、v 5がバージョンの問題でエラーを報告

1、d 3 js v 4、v 5バージョンのリニアスケールはd3.scale.linear()を使用しなくなりました.代わりにd3.scaleLinear()を使用します.まもなく

 let linear=d3.scale.linear() 
                .domain([min,max]) 
                .range([0,300]);   

に改心

let linear=d3.scaleLinear()   
                .domain([min,max])   
                .range([0,300]);    

2、誤報Cannot read property‘ordinal’of undefined

d3.rangeRoundBands (v3 ) => 
d3.scaleBand()
  .rangeRound([range]); （v4、v5 ）

**

 var xScale = d3.scale.ordinal()
 .domain(d3.range(dataset.length))
 .rangeRoundBands([0, width - padding.left - padding.right]);

に改心

 var xScale = d3.scaleOrdinal()
 .domain(d3.range(dataset.length))
 .range([0, width - padding.left - padding.right]);

3、TypeError:d 3_WEBPACK_IMPORTED_MODULE_0__.svg.axis is not a function

 var axis = d3.svg.axis()
       .scale(linear)       //     
       .orient("bottom")    //       
       .ticks(7);           //       

d 3バージョンのアップグレードは以前のapiを乾かし、新しいより規範的なapi修正後のコードに変更しました.

     var axis = d3.axisBottom()
       .scale(linear)       //     
       .ticks(7);           //       

4、

d3.rangeBand()  =>
scale.bandwidth();

5、ease()遷移を指定する方法は、linear:通常の線形変化circle:変換の最終状態elasticにゆっくり到達する:ジャンプを伴う最終状態bounce:最終状態でジャンプを何回か呼び出すと、フォーマットはease(「bounce」)のようになります.(v3)
=>.ease(d3.easeElasticInOut)は遷移方式を表す()