我正在尝试修复此路径绘制图表,从d3v3到d3v4
// v3有效 http://jsfiddle.net/0ht35rpb/245/
var bezierLine = d3.svg.line()
.x(function(d) { return d[0]; })
.y(function(d) { return d[1]; })
// v4坏了 http://jsfiddle.net/0ht35rpb/246/
var bezierLine = d3.line()
.x(function(d) { return d[0]; })
.y(function(d) { return d[1]; })
我相信它的动画弧补间插值方面..
.attrTween("stroke-dasharray", function() {
var len = this.getTotalLength();
return function(t) {
return (
d3.interpolateString("0," + len, len + ",0")
)(t)
};
});
我试图让这个演示工作来评估 http://bl.ocks.org/emmasaunders/c25a147970def2b02d8c7c2719dc7502