数据可视化 D3 v3v4版本更新后方法的变化

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_39141486/article/details/102746434

  这段时间在学习D3 翻到的一些博客和看的学习资料都比较早，普遍都是v3版本的，但是我下载的版本却是v4的因此也确实造成了一些麻烦。

  以下将会总结我在学习时遇到的因版本变化而造成的一些小麻烦。

---

线性比例尺

V3

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

V4

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

---

序数比例尺

v3

var ordinal = d3.scale.ordinal()
				.domain(index)
				.range(word);

v4

var ordinal = d3.scaleOrdinal()
				.domain(index)
				.range(word);

---

定义坐标

v3

var xScale=d3.scale.ordinal()
     .domain(d3.range(dataset.length))  
     .rangeRoundBands([0,w],0.05);

v4

var xScale=d3.scaleBand()
     .domain(d3.range(dataset.length))  
     .rangeRound([0,w]).padding(0.05);

---

间距设置

v3

xScale.rangeBand()

v4

xScale.bandwidth() 

---

（PS：持续更新中）