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