图线不随可缩放图表区域移动

Question

我一直在经历几个d3块试图把我自己的一个一起，我无法弄清楚为什么图线不移动与其余的图形。

这里是我的代码小提琴：

https://jsfiddle.net/asa1q7tx/1/

我认为问题是，我不更新的“放大”功能线，但我不知道该怎么办。这里是小提琴的'放大'功能：

function zoomed() { 
    svg.select(".x.axis").call(xAxis); 
    svg.select(".y.axis").call(yAxis); 
} 

Answer 1

您需要更新缩放功能中的路径。现在，每500ms调用一次你的tick函数就是为你做的，但这不是光滑的。

function zoomed() { 
    svg.select(".x.axis").call(xAxis); 
    svg.select(".y.axis").call(yAxis); 
    path.attr('d',line); // This line updates path 
} 

您不妨停止路径的动画并在缩放效果后重新开始。