tests/fractions.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <link rel="stylesheet" href="../css/dygraph.css">
   5     <title>Fractions</title>
   6     <!--
   7     For production (minified) code, use:
   8     <script type="text/javascript" src="dygraph-combined.js"></script>
   9     -->
  10     <script type="text/javascript" src="../dist/dygraph.js"></script>
  11
  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       var g1 = new Dygraph(document.getElementById("dg"),
  29                   frac_str,
  30                   {
  31                     fractions: true
  32                   });
  33
  34       var g2 = 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>