Commit | Line | Data |
---|---|---|
54425b14 | 1 | <!DOCTYPE html> |
285a6bda DV |
2 | <html> |
3 | <head> | |
fd6b8dad | 4 | <link rel="stylesheet" href="../dist/dygraph.css"> |
285a6bda | 5 | <title>custom bars</title> |
fbd6834a | 6 | <script type="text/javascript" src="../dist/dygraph.js"></script> |
7e5ddc94 | 7 | |
285a6bda DV |
8 | <script type="text/javascript" src="data.js"></script> |
9 | </head> | |
10 | <body> | |
11 | <p>Top and bottom of the bars stay mostly fixed while the middle varies.</p> | |
12 | <div id="graph"></div> | |
13 | ||
14 | <script type="text/javascript"> | |
f6fbf9e0 | 15 | var g = new Dygraph(document.getElementById("graph"), |
285a6bda DV |
16 | [ |
17 | [1, [10, 10, 100]], | |
18 | [2, [15, 20, 110]], | |
19 | [3, [10, 30, 100]], | |
20 | [4, [15, 40, 110]], | |
21 | [5, [10, 120, 100]], | |
22 | [6, [15, 50, 110]], | |
23 | [7, [10, 70, 100]], | |
24 | [8, [15, 90, 110]], | |
25 | [9, [10, 50, 100]] | |
26 | ], { | |
27 | customBars: true, | |
300c5ff0 DV |
28 | errorBars: true, |
29 | labels: ['X', 'Y'] | |
285a6bda DV |
30 | } |
31 | ); | |
32 | </script> | |
33 | </body> | |
34 | </html> |