多语言展示
当前在线:963今日阅读:3今日分享:40

D3.js交互式数据可视化高级编程与d3.v4版的冲突

因《精通D3.js交互式数据可视化高级编程》是对应d3.v3.js版本的,而现在d3.js已经升级为v4版,某些方法有一些改动,所以书里面的一些方法在d3.v4.js中无法通过,现在就来看一下哪些是改动过的方法及用法
工具/原料
1

d3.v4.js

2

notepad++

方法/步骤
1

在d3.v4.js版中对比例尺有了改动,书中第五章的5.1里面var linear = d3.scale.linear()...,在V4版中应这样写var linear = d3.scaleLinear()...

2

V4版中对颜色的选择方法更新, 如在书117页 var color = d3.scale.category10()..., 在V4版中更新这样:var color = d3.scaleOrdinal(d3.schemeCategory10)或var color = d3.schemeCategory10,

3

V4版中坐标轴的更新,书119页,var axis = d3.svg.axis().scale(xScale).orient('bottom'); 在V4版更新这样:var axis = d3.axisBottom(xScale), 把坐标和位置重构了

4

line的画法也已经更新,如书中132页的var linePath = d3.svg.line();在V4版中更新这样:var linePath = d3.line();升级的版本比以前的简洁,验证如图

5

符号生成器的方法已经重构,如书中141页的console.log(d3.svg.symbolTypes),在V4版中这样:console.log(d3.symbols),如图

6

当然还有很多的方法都更新,所有学习这本书请大家选项V3版的

注意事项

更多的变更请参考官方文档

推荐信息