tests/layout-options.html

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