tests/layout-options.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <link rel="stylesheet" href="../dist/dygraph.css">
   5     <title>Layout Options</title>
   6     <script type="text/javascript" src="../dist/dygraph.js"></script>
   7
   8     <script type="text/javascript" src="data.js"></script>
   9   </head>
  10   <body>
  11     <h2>Layout Options Update</h2>
  12     <div id="chart" style="width:600px; height:300px;"></div>
  13     <script type="text/javascript">
  14     g = new Dygraph(document.getElementById('chart'), data,
  15     {
  16       strokeWidth: 2
  17     });
  18
  19     function change() {
  20       g.updateOptions({strokeWidth:
  21           parseFloat(document.getElementById("strokeWidth").value)});
  22     }
  23     </script>
  24
  25     <p>Stroke Width:
  26     <input type=text id="strokeWidth" value="2.0" />
  27     <input type=button value="Change Stroke Width" onClick="change()" />
  28     </p>
  29   </body>
  30 </html>