圖線不隨可縮放圖表區域移動

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 
} 

您不妨停止路徑的動畫並在縮放效果後重新開始。