d3多系列图表缩放 - 旋转json

时间:2014-07-10 16:50:27

标签: d3.js

我有一个多系列折线图,我想让它进行缩放/平移操作。缩放/平移正在工作,但它只缩放或移动其中一条线而不是全部线条。你能帮我解决一下这个问题吗? JSFiddle就在这里 - > http://jsfiddle.net/scusyxx/b2GsZ/6/

我认为问题在于缩放功能

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);
    })
}

1 个答案:

答案 0 :(得分:0)

我发现了问题所在。我怀疑,变焦片应如下所示。而不是svg.select,我应该写svg.selectAll。

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);
        })
}