Javascript 动态图-同步缩放

Javascript 动态图-同步缩放,javascript,dygraphs,Javascript,Dygraphs,我正在尝试使用JS中的动态图渲染>3个图形。 使用一些示例代码,我能够为我的工作创建一个虚拟对象,就像 演示正常工作,但以下是我的场景: 我正在尝试渲染3个或更多具有不同范围值的图形。我想在一张图上放大一个时间段,我想让所有其他的图都用它来放大。 现在,所说的图形将被放大,其他图形将被弄乱: $(文档).ready(函数(){ var someData=[ “2009/01/01,10,11,12\n”+ “2009/01/02,12,10,11\n”+ “2009/01/03,9,10,13

我正在尝试使用JS中的动态图渲染>3个图形。 使用一些示例代码,我能够为我的工作创建一个虚拟对象,就像

演示正常工作,但以下是我的场景:

我正在尝试渲染3个或更多具有不同范围值的图形。我想在一张图上放大一个时间段,我想让所有其他的图都用它来放大。 现在,所说的图形将被放大,其他图形将被弄乱:

$(文档).ready(函数(){
var someData=[
“2009/01/01,10,11,12\n”+
“2009/01/02,12,10,11\n”+
“2009/01/03,9,10,13\n”+
“2009/01/04,5,20,15\n”+
“2009/01/05,8,3,12\n”,
“2009/01/0151051512\n”+
“2009/01/02518510511\n”+
“2009/01/03519510513\n”+
“2009/01/04525520515\n”+
“2009/01/05508513512\n”,
“2009/01/01,0.10,0.11,0.01\n”+
“2009/01/02,0.12,1,0.11\n”+
“2009/01/03,0.09,0.10,0.13\n”+
“2009/01/04,0.05,0.20,0.15\n”+
“2009/01/05,0.08,0.03,0.12\n”,
“2009/01/011101111112\n”+
“2009/01/0212110111\n”+
“2009/01/03109110113\n”+
“2009/01/04105120115\n”+
“2009/01/05108103112\n”
];
var图=[“x”、“foo”、“bar”、“baz”];
变量标题=['','','','';
var gs=[];
var blockRedraw=false;

对于下面的(var i=1;i,我已经修改了您的代码(只有2行),现在我认为它可以按照您的需要工作

在同步选项中,我将选项“range”设置为false。使用此选项,y轴不同步,这是您需要的

我做的另一件事是,在图形同步后强制调用update()。按照代码中的方式,直到修改复选框后才调用更新,因此在第一次调用时,图形同步不起作用

我希望这能对您有所帮助,很抱歉之前没有回答;)

$(文档).ready(函数(){
var someData=[
“2009/01/01,10,11,12\n”+
“2009/01/02,12,10,11\n”+
“2009/01/03,9,10,13\n”+
“2009/01/04,5,20,15\n”+
“2009/01/05,8,3,12\n”,
“2009/01/0151051512\n”+
“2009/01/02518510511\n”+
“2009/01/03519510513\n”+
“2009/01/04525520515\n”+
“2009/01/05508513512\n”,
“2009/01/01,0.10,0.11,0.01\n”+
“2009/01/02,0.12,1,0.11\n”+
“2009/01/03,0.09,0.10,0.13\n”+
“2009/01/04,0.05,0.20,0.15\n”+
“2009/01/05,0.08,0.03,0.12\n”,
“2009/01/011101111112\n”+
“2009/01/0212110111\n”+
“2009/01/03109110113\n”+
“2009/01/04105120115\n”+
“2009/01/05108103112\n”
];
var图=[“x”、“foo”、“bar”、“baz”];
变量标题=['','','','';
var gs=[];
var blockRedraw=false;

对于(var i=1;我感谢您的回答@Lucidio,我会在有机会的时候尝试它!