Commit | Line | Data |
---|---|---|
54425b14 | 1 | <!DOCTYPE html> |
82e6b4f8 DV |
2 | <html> |
3 | <head> | |
93a5bb4c | 4 | <link rel="stylesheet" href="../css/dygraph.css"> |
82e6b4f8 | 5 | <title>Fractions</title> |
7e5ddc94 DV |
6 | <!-- |
7 | For production (minified) code, use: | |
8 | <script type="text/javascript" src="dygraph-combined.js"></script> | |
9 | --> | |
fbd6834a | 10 | <script type="text/javascript" src="../dist/dygraph.js"></script> |
7e5ddc94 | 11 | |
82e6b4f8 DV |
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 | ||
f6fbf9e0 | 28 | var g1 = new Dygraph(document.getElementById("dg"), |
82e6b4f8 DV |
29 | frac_str, |
30 | { | |
31 | fractions: true | |
32 | }); | |
33 | ||
f6fbf9e0 | 34 | var g2 = new Dygraph(document.getElementById("dg2"), |
82e6b4f8 DV |
35 | frac_str, |
36 | { | |
37 | fractions: true, | |
38 | errorBars: true, | |
39 | showRoller: true | |
40 | }); | |
41 | </script> | |
42 | </body> | |
43 | </html> |