tests/stock.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Stock chart</title>
   5     <!--
   6     For production (minified) code, use:
   7     <script type="text/javascript" src="dygraph-combined.js"></script>
   8     -->
   9     <script type="text/javascript" src="../dist/dygraph.js"></script>
  10
  11     <script type="text/javascript" src="data.js"></script>
  12 </head>
  13 <body>
  14   <h2>Stock Chart demo</h2>
  15   <div id="stock_div" style="width: 800px; height: 400px;"></div>
  16
  17   <script type="text/javascript">
  18     g = new Dygraph(document.getElementById("stock_div"),
  19         stockData,
  20         {
  21           customBars: true,
  22           logscale: true
  23         });
  24
  25     function setLog(val) {
  26       g.updateOptions({ logscale: val });
  27       document.getElementById("linear").disabled = !val;
  28       document.getElementById("log").disabled = val;
  29     }
  30   </script>
  31
  32   <br/>
  33   <div style="width: 800px; text-align: center;">
  34   <input id="linear" type="button" value="Linear Scale" onClick="setLog(false)" />
  35   &nbsp;
  36   <input id="log" type="button" value="Log Scale" onClick="setLog(true)" disabled=true />
  37   </div>
  38 </body>
  39 </html>