Commit | Line | Data |
---|---|---|
54425b14 | 1 | <!DOCTYPE html> |
c19ef1f4 DV |
2 | <html> |
3 | <head> | |
fd6b8dad | 4 | <link rel="stylesheet" href="../dist/dygraph.css"> |
c19ef1f4 | 5 | <title>negatives</title> |
fbd6834a | 6 | <script type="text/javascript" src="../dist/dygraph.js"></script> |
7e5ddc94 | 7 | |
c19ef1f4 DV |
8 | </head> |
9 | <body> | |
10 | <p>All negatives (x-axis on top):</p> | |
11 | <div id="g1" style="width:600px; height:200px;"></div> | |
12 | ||
13 | <p>Mixed (x-axis in middle):</p> | |
14 | <div id="g2" style="width:600px; height:200px;"></div> | |
15 | ||
16 | <p>All positives (x-axis on bottom):</p> | |
17 | <div id="g3" style="width:600px; height:200px;"></div> | |
18 | ||
19 | <script type="text/javascript"> | |
20 | var negs = []; | |
21 | var mixed = []; | |
22 | var pos = []; | |
23 | for (var i = 0; i < 100; i++) { | |
24 | negs.push([i, -210 + i, -110 - i]); | |
25 | mixed.push([i, -50 + i, 50 - i]); | |
26 | pos.push([i, 1000 + 2 * i, 1100 + i]); | |
27 | } | |
28 | ||
f6fbf9e0 | 29 | var g1 = new Dygraph( |
c19ef1f4 DV |
30 | document.getElementById("g1"), |
31 | negs, { labels: [ 'x', 'y1', 'y2' ] } | |
32 | ); | |
33 | ||
f6fbf9e0 | 34 | var g2 = new Dygraph( |
c19ef1f4 DV |
35 | document.getElementById("g2"), |
36 | mixed, { labels: [ 'x', 'y1', 'y2' ] } | |
37 | ); | |
38 | ||
f6fbf9e0 | 39 | var g3 = new Dygraph( |
c19ef1f4 DV |
40 | document.getElementById("g3"), |
41 | pos, { labels: [ 'x', 'y1', 'y2' ] } | |
42 | ); | |
43 | ||
44 | </script> | |
45 | </body> | |
46 | </html> |