tests/border.html

   1 <html>
   2   <head>
   3     <title>gadget border</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     <style type="text/css">
  12     #bordered {
  13       border: 1px solid red;
  14     }
  15     </style>
  16   </head>
  17   <body>
  18     <p>Hopefully this stays in its border:</p>
  19     <div id="bordered" style="width:600px; height:300px;"></div>
  20     <script type="text/javascript">
  21     new Dygraph(document.getElementById('bordered'), data,
  22     {
  23       labelsDivStyles: { border: '1px solid black' }
  24     });
  25     </script>
  26   </body>
  27 </html>