Added a second region for underlay-callback that helps clarify
[dygraphs.git] / tests / synchronize.html
index a26c4c0..143b8d1 100644 (file)
@@ -2,9 +2,10 @@
   <head>
     <title>synchronize</title>
     <!--[if IE]>
-    <script type="text/javascript" src="excanvas.js"></script>
+    <script type="text/javascript" src="../excanvas.js"></script>
     <![endif]-->
-    <script type="text/javascript" src="../dygraph-combined.js"></script>
+    <script type="text/javascript" src="../strftime/strftime-min.js"></script>
+    <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
     <script type="text/javascript" src="../dygraph-canvas.js"></script>
     <script type="text/javascript" src="../dygraph.js"></script>
     <script type="text/javascript" src="data.js"></script>
@@ -18,7 +19,7 @@
   <body>
     <p>Zooming and panning on any of the charts will zoom and pan all the
     others.</p>
-    
+
     <div id="div1" style="width:500px; height:300px;"></div>
     <div id="div2" style="width:500px; height:300px;"></div>
     <div id="div3" style="width:500px; height:300px;"></div>
             NoisyData, {
               rollPeriod: 7,
               errorBars: true,
-              drawCallback: function(me) {
-                if (blockRedraw || !initialized) return;
+              drawCallback: function(me, initial) {
+                if (blockRedraw || initial) return;
                 blockRedraw = true;
-                var range = me.xAxisRange(); 
+                var range = me.xAxisRange();
+                var yrange = me.yAxisRange();
                 for (var j = 0; j < 4; j++) {
                   if (gs[j] == me) continue;
-                  gs[j].updateOptions( { dateWindow: range } );
+                  gs[j].updateOptions( {
+                    dateWindow: range,
+                    valueRange: yrange
+                  } );
                 }
                 blockRedraw = false;
               }
@@ -49,8 +54,6 @@
           )
         );
       }
-
-      initialized = true;
     </script>
   </body>
 </html>