用焦点上下文图表行替换空数据d3js

Question

我正在使用d3.js Multi-series line chart interactive示例，我想制作连续的行。

当我放大时，但是像示例一样，即使使用

也会停止使用

var line = d3.svg.line()
        .interpolate("monotone")
        .x(function(d) {
            return x(d.date);
        })
        .y(function(d) {
            return y(d.rating);
        });

有人可以帮忙吗？

PS。点击图表右侧的“药物滥用”，看看我的意思。

Answer 1

我明白了，问题与我在移除时使用的过渡功能有关 .call(transition)

function transition(path) {
    path.transition()
            .duration(2000)
            .attrTween("stroke-dasharray", tweenDash)
            .attr("stroke-dashoffset", 0)
            .ease("linear");
}
function tweenDash() {
    var l = this.getTotalLength(),
            i = d3.interpolateString("0," + l, l + "," + l);
    return function(t) {
        return i(t);
    };
}

工作正常