tests/fractions.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Fractions</title>
   5     <!--[if IE]>
   6     <script type="text/javascript" src="../excanvas.js"></script>
   7     <![endif]-->
   8     <script type="text/javascript" src="../strftime/strftime-min.js"></script>
   9     <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
  10     <script type="text/javascript" src="../dygraph-canvas.js"></script>
  11     <script type="text/javascript" src="../dygraph.js"></script>
  12   </head>
  13   <body>
  14     Fractions:
  15     <div id="dg" style="width:600px; height:300px;">Loading...</div>
  16
  17     With error bars and roller:
  18     <div id="dg2" style="width:600px; height:300px;">Loading...</div>
  19
  20     <script type="text/javascript">
  21       var frac_str =
  22                   "X,Frac1,Frac2\n" +
  23                   "1,1/2,3/4\n"+
  24                   "2,1/3,2/3\n"+
  25                   "3,2/3,17/49\n"+
  26                   "4,25/30,100/200";
  27
  28       new Dygraph(document.getElementById("dg"),
  29                   frac_str,
  30                   {
  31                     fractions: true
  32                   });
  33
  34       new Dygraph(document.getElementById("dg2"),
  35                   frac_str,
  36                   {
  37                     fractions: true,
  38                     errorBars: true,
  39                     showRoller: true
  40                   });
  41     </script>
  42   </body>
  43 </html>