我使用D3创建具有缩放和画笔功能的实时多线图。基本上我有两个图表,它们有自己的缩放功能,用于放大y轴,还有一个画笔功能(用作滑块)来控制两个x轴。 画笔工作正常,但缩放不是。当我缩放第一张图表时,两条线都会相应改变(我只想缩放第一条线),当我缩放第二张图时,只有y轴在缩放。
换句话说,两条线都以某种方式与第一张图表中的y轴相关联。
请在此处找到简化的代码示例:http://jsfiddle.net/rzhu1140/x8gL6yc7/5/
我真的不知道代码的哪一部分是错的,请让我知道你们能想到的任何事情。非常感谢。数据分配和绘图的代码如下。
zoom.y(y);
g2_zoom.y(g2_y);
svg.select("path.line").attr("d", line);
svg.select("path.line").data([seriesData[0]]);
g2_svg.select("path.line3").data([seriesData[2]]);
g2_svg.select("path.line3").attr("d", line3);
svg.select("g.y.axis").call(yAxis);
g2_svg.select("g.y.axis3").call(yAxis3);