D3.js d3多系列图表缩放-数据透视json
我有一个多系列的折线图,我想让它进行缩放/平移操作。缩放/平移正在工作,但它仅缩放或移动其中一条线,而不是全部线。你能帮我解决这个问题吗?JSFIDLE在这里-> 我认为问题在于缩放功能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
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);
})
}