tests/stock.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <link rel="stylesheet" href="../dist/dygraph.css">
   5     <title>Stock chart</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>Stock Chart demo</h2>
  12   <div id="stock_div" style="width: 800px; height: 400px;"></div>
  13
  14   <script type="text/javascript">
  15     g = new Dygraph(document.getElementById("stock_div"),
  16         stockData,
  17         {
  18           customBars: true,
  19           logscale: true
  20         });
  21
  22     function setLog(val) {
  23       g.updateOptions({ logscale: val });
  24       document.getElementById("linear").disabled = !val;
  25       document.getElementById("log").disabled = val;
  26     }
  27   </script>
  28
  29   <br/>
  30   <div style="width: 800px; text-align: center;">
  31   <input id="linear" type="button" value="Linear Scale" onClick="setLog(false)" />
  32   &nbsp;
  33   <input id="log" type="button" value="Log Scale" onClick="setLog(true)" disabled=true />
  34   </div>
  35 </body>
  36 </html>