d3画线v4 - 插值bug

时间:2017-10-18 14:43:00

标签: javascript d3.js

我正在尝试修复此路径绘制图表,从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

http://jsfiddle.net/0ht35rpb/249/

0 个答案:

没有答案