X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Fconnect-separated.html;h=e7e562bcd94fb2bf2c435b3b2e4b14224883a15c;hb=f973b0581afabc8cfba6a12f5956b8bbe8fbead1;hp=96dd9a5294a956c27b722225949949250ab9e481;hpb=f6fbf9e09f24167a8e28e39a5fc2d6a1b5184bfa;p=dygraphs.git

diff --git a/tests/connect-separated.html b/tests/connect-separated.html
index 96dd9a5..e7e562b 100644
--- a/tests/connect-separated.html
+++ b/tests/connect-separated.html
@@ -19,6 +19,13 @@
       overlays in the proper color.</p>
 
     <div id="graphdiv" style="width:600px; height:300px;"></div>
+<p><b>Toggle ConnectSeparated:<b></p>
+<p>
+  All: <button id="All" onclick="change(this)">true</button>
+  Series 1 <button id="Series1" onclick="change(this)">disabled</button>
+  Series 2 <button id="Series2" onclick="change(this)">disabled</button>
+  Series 3 <button id="Series3" onclick="change(this)">disabled</button>
+</p>
     <script type="text/javascript">
       var g = new Dygraph(document.getElementById("graphdiv"),
       [
@@ -34,6 +41,27 @@
         connectSeparatedPoints: true,
         labels: ["Date","Series1","Series2","Series3"]
       });
+
+      function change(el) {
+        var textSequences = [ "disabled", "true", "false" ];
+        var values = [ null, true, false ];
+        for (var idx = 0; idx < textSequences.length; idx++) {
+          if (textSequences[idx] == el.textContent) {
+            var nextIdx = (idx + 1) % 3;
+            var nextVal = values[nextIdx];
+            el.textContent = textSequences[nextIdx];
+
+            if (el.id == "All") {
+              g.updateOptions({ connectSeparatedPoints : nextVal });
+            } else {
+              var seriesOpt = {};
+              seriesOpt[el.id] = { connectSeparatedPoints : nextVal };
+              g.updateOptions({ series : seriesOpt });
+            }
+            break;
+          }
+        }
+      }
     </script>
   </body>
 </html>