tests/logscale.html

   1 <html>
   2   <head>
   3     <title>log scale</title>
   4     <!--[if IE]>
   5     <script type="text/javascript" src="../excanvas.js"></script>
   6     <![endif]-->
   7     <script type="text/javascript" src="../strftime/strftime-min.js"></script>
   8     <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
   9     <script type="text/javascript" src="../dygraph-canvas.js"></script>
  10     <script type="text/javascript" src="../dygraph.js"></script>
  11   </head>
  12
  13   <body>
  14     <center>
  15             <input id='log' type="button" value="log scale" onclick="setLogScale(true)">
  16             <input id='linear' type="button" value="linear scale" onclick="setLogScale(false)">
  17     </center>
  18
  19     <h2>X axis of dates</h2>
  20     <div id="div_g0" style="width:600px; height:300px;"></div>
  21
  22     <h2>X axis of numbers</h2>
  23     <div id="div_g1" style="width:600px; height:300px;"></div>
  24
  25     <script type="text/javascript">
  26       function data0() {
  27         return "Date,A\n" +
  28         "20101201,5\n"+
  29         "20101202,10\n"+
  30         "20101203,-1\n"+
  31         "20101204,250\n"+
  32         "20101205,1000\n"+
  33         "20101206,30\n"+
  34         "20101207,80\n"+
  35         "20101208,100\n"+
  36         "20101209,500\n"+
  37         "";
  38       };
  39       function data1() {
  40         return "X,A\n" +
  41         "1,0.000001\n"+
  42         "2,10\n"+
  43         "3,100\n"+
  44         "4,250\n"+
  45         "5,1000\n"+
  46         "6,30\n"+
  47         "7,0\n"+
  48         "8,100\n"+
  49         "9,500\n"+
  50         "";
  51       };
  52
  53       var g0 = new Dygraph(document.getElementById("div_g0"),
  54                       data0, { logscale : true });
  55       var g1 = new Dygraph(document.getElementById("div_g1"),
  56                       data1, { logscale : true });
  57       function setLogScale(val) {
  58         g0.updateOptions({ logscale: val });
  59         g1.updateOptions({ logscale: val });
  60         document.getElementById("linear").disabled = !val;
  61         document.getElementById("log").disabled = val;
  62       }
  63     </script>
  64
  65   </body>
  66 </html>