gallery/stock.js

   1 Gallery.register(
   2   'stock',
   3   {
   4     name: 'Stock Chart Demo',
   5     title: 'Stock Chart Demo',
   6     setup: function(parent) {
   7       parent.innerHTML = "<div id='stock_div' style='width: 800px; height: 400px;'></div><br/>" +
   8           "<div style='width: 800px; text-align: center;'>" +
   9           "<button id='linear'>Linear Scale</button>&nbsp;" +
  10           "<button id='log' disabled='true'>Log Scale</button>" +
  11           "</div>";
  12     },
  13     run: function() {
  14       var g = new Dygraph(document.getElementById("stock_div"), stockData,
  15           {
  16             customBars: true,
  17             logscale: true
  18           });
  19
  20       var linear = document.getElementById("linear");
  21       var log = document.getElementById("log");
  22       linear.onclick = function() { setLog(false); }
  23       log.onclick = function() { setLog(true); }
  24       var setLog = function(val) {
  25         g.updateOptions({ logscale: val });
  26         linear.disabled = !val;
  27         log.disabled = val;
  28       }
  29     }
  30   });