X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Flabel-div.html;fp=tests%2Flabel-div.html;h=0231d91ab018571133178b829838bc14ff69940b;hb=52fe05c1403e302237b96d6527ee02c075728b9b;hp=98fdf0f831a3f3f46b6421bf554eab2e878a31ac;hpb=bcd3ebf04c7eeb257afb0f6055d28cfd85a79e1b;p=dygraphs.git

diff --git a/tests/label-div.html b/tests/label-div.html
index 98fdf0f..0231d91 100644
--- a/tests/label-div.html
+++ b/tests/label-div.html
@@ -17,6 +17,28 @@
     <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"),
@@ -25,6 +47,19 @@
                          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>