Merge branch 'master' of https://github.com/kberg/dygraphs
[dygraphs.git] / tests / custom-bars.html
CommitLineData
54425b14 1<!DOCTYPE html>
285a6bda
DV
2<html>
3 <head>
10494b48 4 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
285a6bda
DV
5 <title>custom bars</title>
6 <!--[if IE]>
a2b2c3a1 7 <script type="text/javascript" src="../excanvas.js"></script>
285a6bda 8 <![endif]-->
d37dca40
DV
9 <script type="text/javascript" src="../strftime/strftime-min.js"></script>
10 <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
285a6bda
DV
11 <script type="text/javascript" src="../dygraph-canvas.js"></script>
12 <script type="text/javascript" src="../dygraph.js"></script>
13 <script type="text/javascript" src="data.js"></script>
14 </head>
15 <body>
16 <p>Top and bottom of the bars stay mostly fixed while the middle varies.</p>
17 <div id="graph"></div>
18
19 <script type="text/javascript">
20 new Dygraph(document.getElementById("graph"),
21 [
22 [1, [10, 10, 100]],
23 [2, [15, 20, 110]],
24 [3, [10, 30, 100]],
25 [4, [15, 40, 110]],
26 [5, [10, 120, 100]],
27 [6, [15, 50, 110]],
28 [7, [10, 70, 100]],
29 [8, [15, 90, 110]],
30 [9, [10, 50, 100]]
31 ], {
32 customBars: true,
33 errorBars: true
34 }
35 );
36 </script>
37 </body>
38</html>