D3.js d3多系列图表缩放-数据透视json

D3.js d3多系列图表缩放-数据透视json,d3.js,D3.js,我有一个多系列的折线图,我想让它进行缩放/平移操作。缩放/平移正在工作,但它仅缩放或移动其中一条线,而不是全部线。你能帮我解决这个问题吗?JSFIDLE在这里-> 我认为问题在于缩放功能 zoomed = function () { svg.select(".x.axis").call(xAxis); svg.select(".y.axis").call(yAxis); svg.select("path.line") .attr("d", function

我有一个多系列的折线图,我想让它进行缩放/平移操作。缩放/平移正在工作,但它仅缩放或移动其中一条线,而不是全部线。你能帮我解决这个问题吗?JSFIDLE在这里->

我认为问题在于缩放功能

zoomed = function () {
    svg.select(".x.axis").call(xAxis);
    svg.select(".y.axis").call(yAxis);
    svg.select("path.line")
       .attr("d", function (d) {
           return line(d.data);
    })
}

我找到了问题所在。正如我所怀疑的,缩放部分应该如下所示。我应该编写svg.selectAll而不是svg.select

zoomed = function () {
    svg.select(".x.axis").call(xAxis);
    svg.select(".y.axis").call(yAxis);
    svg.selectAll("path.line")
       .attr("d", function (d) {
           return line(d.data);
        })
}