From: Dan Vanderkam <danvdk@gmail.com> Date: Wed, 23 Dec 2009 22:51:19 +0000 (-0500) Subject: visibility test X-Git-Tag: v1.0.0~759 X-Git-Url: https://adrianiainlam.tk/git/?a=commitdiff_plain;h=bf0e5ca570b5833144d8bf9f1a9b3185e989761a;p=dygraphs.git visibility test --- diff --git a/tests/visibility.html b/tests/visibility.html new file mode 100644 index 0000000..09c25e6 --- /dev/null +++ b/tests/visibility.html @@ -0,0 +1,50 @@ +<html> + <head> + <title>noise</title> + <!--[if IE]> + <script type="text/javascript" src="excanvas.js"></script> + <![endif]--> + <script type="text/javascript" src="../dygraph-combined.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> + </head> + <body> + <h3>Click the check boxes to toggle series visibility</h3> + <div id="div_g" style="width:600px; height:300px;"></div> + + <p><b>Show Series:</b></p> + <p> + <input type=checkbox id="0" onClick="change(this)"> + <label for="0"> A</label><br/> + <input type=checkbox id="1" checked onClick="change(this)"> + <label for="1"> B</label> + </p> + + <p>g.visibility() = <span id="visibility"></span></p> + + + <script type="text/javascript"> + g = new Dygraph( + document.getElementById("div_g"), + NoisyData, { + rollPeriod: 7, + errorBars: true, + visibility: [false, true] + } + ); + setStatus(); + + function setStatus() { + document.getElementById("visibility").innerHTML = + g.visibility().toString(); + } + + function change(el) { + g.setVisibility(parseInt(el.id), el.checked); + setStatus(); + } + </script> + + </body> +</html>