Commit | Line | Data |
---|---|---|
6e6a2b0a RK |
1 | <html> |
2 | <head> | |
3 | <title>log scale</title> | |
4 | <!--[if IE]> | |
5 | <script type="text/javascript" src="../excanvas.js"></script> | |
6 | <![endif]--> | |
7 | <script type="text/javascript" src="../strftime/strftime-min.js"></script> | |
8 | <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script> | |
9 | <script type="text/javascript" src="../dygraph-canvas.js"></script> | |
10 | <script type="text/javascript" src="../dygraph.js"></script> | |
11 | </head> | |
12 | ||
13 | <body> | |
9f465eb3 | 14 | <h1>Log scale demo - verify that only positive values are shown.</h1> |
6e6a2b0a RK |
15 | <div id="div_g" style="width:600px; height:300px;"></div> |
16 | ||
17 | <input type="button" value="log scale" onclick="logScale()"> | |
18 | <input type="button" value="linear scale" onclick="linearScale()"> | |
19 | <script type="text/javascript"> | |
20 | function Data() { | |
21 | return "Date,A\n" + | |
22 | "20101201,5\n"+ | |
23 | "20101202,10\n"+ | |
24 | "20101203,-1\n"+ | |
25 | "20101204,250\n"+ | |
26 | "20101205,1000\n"+ | |
27 | "20101206,30\n"+ | |
28 | "20101207,80\n"+ | |
29 | "20101208,100\n"+ | |
30 | "20101209,500\n"+ | |
31 | ""; | |
32 | } | |
33 | var g = new Dygraph(document.getElementById("div_g"), | |
34 | Data, { logscale : true}); | |
35 | ||
36 | function logScale() { | |
37 | g.updateOptions({ logscale : true }); | |
38 | } | |
39 | function linearScale() { | |
40 | g.updateOptions({ logscale : false }); | |
41 | } | |
42 | </script> | |
43 | ||
44 | </body> | |
45 | </html> |