这是我根据老师课程做的图表代码:https://github.com/Wobugaosuni/d3Chart,使用的是4.0以上版本的d3.js,代码添加了注释,方便理解。喜欢的就加个星标呗~
@LuckyYang 老师,我的代码报错, scale_x(d.Year)=undefined 帮忙分析下呗。
var scale_x = d3.scale.ordinal() .domain(data.map(function(d) { return d.Year; })).rangeBands([0,width],0.1)
var bar = chart.selectAll('g').data(data).enter().append('g').attr('transform',function(d,i){return'translate('+scale_x(d.Year)+',0)'})
var scale_x = d3.scale.ordinal() .domain(data.map(function(d) { return d.Year; })).rangeBands([0,width],0.1)
var bar = chart.selectAll('g').data(data).enter().append('g').attr('transform',function(d,i){return'translate('+scale_x(d.Year)+',0)'})
2016-12-06
补充一下,在d3的4.x版本中,指定曲线拟合方式时interpolate("cardinal")应改为curve(d3.curveCardinal);