X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Flabel-div.html;h=305a86d64cb3b000d07c1519db3717399c5accc8;hb=10494b48b43d9ca8710d441d3c530c7d546f3edf;hp=cfda39ee56040306b127095c23259b69fda57def;hpb=285a6bda6e2d77336fb2ae2cc904039a35e8e755;p=dygraphs.git

diff --git a/tests/label-div.html b/tests/label-div.html
index cfda39e..305a86d 100644
--- a/tests/label-div.html
+++ b/tests/label-div.html
@@ -1,10 +1,13 @@
+<!DOCTYPE html>
 <html>
   <head>
-    <title>noise</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
+    <title>label-div</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>
@@ -16,14 +19,49 @@
     <td valign="top">&nbsp; &nbsp;</td>
     <td valign="top"><div id="labels"></div></td>
     </tr></table>
+    <p>
+    	The following chart should be the same as above. Here we use the 
+		labelsDiv id instead of the actual labelsDiv element.<br/>This is 
+		useful when the labelsDiv element has not been attached to the 
+		DOM when the chart/options is created:
+	</p>
+	<table><tr>
+    <td valign="top"><div id="graphdiv3"></div></td>
+    <td valign="top">&nbsp; &nbsp;</td>
+    <td valign="top"><div id="labels2"></div></td>
+    </tr></table>
+    <p>
+    	The following chart shows the labelsShowZeroValues option in use.  
+		When any point has a zero value the label is not shown.  This is 
+		useful when there are many zero values in a point and the user 
+		is only interested in the non-zero points. 
+	</p>
+	<table><tr>
+    <td valign="top"><div id="graphdiv4"></div></td>
+    <td valign="top">&nbsp; &nbsp;</td>
+    <td valign="top"><div id="labels3"></div></td>
+    </tr></table>
 
     <script type="text/javascript">
       g2 = new Dygraph(document.getElementById("graphdiv2"),
                        data_nolabel,
                        {
-                         labels: [ "High", "Low" ],
+                         labels: [ "Date", "High", "Low" ],
                          labelsDiv: document.getElementById("labels")
                        });
+      g3 = new Dygraph(document.getElementById("graphdiv3"),
+                       data_nolabel,
+                       {
+                         labels: [ "Date", "High", "Low" ],
+                         labelsDiv: "labels2"
+                       });
+      g4 = new Dygraph(document.getElementById("graphdiv4"),
+                       data_showzerovalues,
+                       {
+                         labels: [ "Date", "High", "Low" ],
+                         labelsDiv: "labels3",
+						 labelsShowZeroValues: false
+                       });
     </script>
   </body>
 </html>
