因《精通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版的
注意事项
更多的变更请参考官方文档