tests/label-div.html

   1 <html>
   2   <head>
   3     <title>label-div</title>
   4     <!--[if IE]>
   5     <script type="text/javascript" src="excanvas.js"></script>
   6     <![endif]-->
   7     <script type="text/javascript" src="../dygraph-combined.js"></script>
   8     <script type="text/javascript" src="../dygraph-canvas.js"></script>
   9     <script type="text/javascript" src="../dygraph.js"></script>
  10     <script type="text/javascript" src="data.js"></script>
  11   </head>
  12   <body>
  13     <p>Chart with labels displayed in a separate div:</p>
  14     <table><tr>
  15     <td valign="top"><div id="graphdiv2"></div></td>
  16     <td valign="top">&nbsp; &nbsp;</td>
  17     <td valign="top"><div id="labels"></div></td>
  18     </tr></table>
  19
  20     <script type="text/javascript">
  21       g2 = new Dygraph(document.getElementById("graphdiv2"),
  22                        data_nolabel,
  23                        {
  24                          labels: [ "Date", "High", "Low" ],
  25                          labelsDiv: document.getElementById("labels")
  26                        });
  27     </script>
  28   </body>
  29 </html>