Commit | Line | Data |
---|---|---|
54425b14 | 1 | <!DOCTYPE html> |
ff022deb RK |
2 | <html> |
3 | <head> | |
4 | <title>log scale</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 | ||
14 | <body> | |
2cae510b RK |
15 | <center> |
16 | <input id='log' type="button" value="log scale" onclick="setLogScale(true)"> | |
17 | <input id='linear' type="button" value="linear scale" onclick="setLogScale(false)"> | |
18 | </center> | |
19 | ||
93f26a2d | 20 | <h2>X axis of dates</h2> |
2cae510b RK |
21 | <div id="div_g0" style="width:600px; height:300px;"></div> |
22 | ||
93f26a2d | 23 | <h2>X axis of numbers</h2> |
2cae510b RK |
24 | <div id="div_g1" style="width:600px; height:300px;"></div> |
25 | ||
ff022deb | 26 | <script type="text/javascript"> |
2cae510b | 27 | function data0() { |
ff022deb | 28 | return "Date,A\n" + |
d59b6f34 RK |
29 | "20101201,5\n"+ |
30 | "20101202,10\n"+ | |
2cae510b | 31 | "20101203,-1\n"+ |
d59b6f34 RK |
32 | "20101204,250\n"+ |
33 | "20101205,1000\n"+ | |
34 | "20101206,30\n"+ | |
35 | "20101207,80\n"+ | |
36 | "20101208,100\n"+ | |
7d0e7a0d | 37 | "20101209,500\n"+ |
ff022deb | 38 | ""; |
2cae510b RK |
39 | }; |
40 | function data1() { | |
7d0e7a0d | 41 | return "X,A\n" + |
4b467120 | 42 | "1,0.000001\n"+ |
7d0e7a0d RK |
43 | "2,10\n"+ |
44 | "3,100\n"+ | |
45 | "4,250\n"+ | |
46 | "5,1000\n"+ | |
47 | "6,30\n"+ | |
9d8685cc | 48 | "7,0\n"+ |
7d0e7a0d RK |
49 | "8,100\n"+ |
50 | "9,500\n"+ | |
51 | ""; | |
2cae510b | 52 | }; |
ff022deb | 53 | |
2cae510b | 54 | var g0 = new Dygraph(document.getElementById("div_g0"), |
315d4876 RK |
55 | data0, { logscale : true }); |
56 | var g1 = new Dygraph(document.getElementById("div_g1"), | |
57 | data1, { logscale : true }); | |
2cae510b RK |
58 | function setLogScale(val) { |
59 | g0.updateOptions({ logscale: val }); | |
315d4876 | 60 | g1.updateOptions({ logscale: val }); |
2cae510b RK |
61 | document.getElementById("linear").disabled = !val; |
62 | document.getElementById("log").disabled = val; | |
ff022deb RK |
63 | } |
64 | </script> | |
65 | ||
66 | </body> | |
67 | </html> |