| 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> |