Merge branch 'master' of https://github.com/kberg/dygraphs
[dygraphs.git] / tests / connect-separated.html
CommitLineData
54425b14 1<!DOCTYPE html>
563c70ca
AV
2<html>
3 <head>
10494b48 4 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
563c70ca
AV
5 <title>connect separated</title>
6 <!--[if IE]>
a2b2c3a1 7 <script type="text/javascript" src="../excanvas.js"></script>
563c70ca 8 <![endif]-->
67b65269
DV
9 <script type="text/javascript" src="../strftime/strftime-min.js"></script>
10 <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
563c70ca
AV
11 <script type="text/javascript" src="../dygraph-canvas.js"></script>
12 <script type="text/javascript" src="../dygraph.js"></script>
13 </head>
14 <body>
15 <p>Connecting separated points. All three of the series should have their points
16 connected with lines, and hovering over them should produce dot and legend
17 overlays in the proper color.</p>
67b65269 18
563c70ca
AV
19 <div id="graphdiv" style="width:600px; height:300px;"></div>
20 <script type="text/javascript">
21 new Dygraph(document.getElementById("graphdiv"),
22 [
23 [ new Date("2009/12/01"), 10, 10, 10],
24 [ new Date("2009/12/02"), 15, 11, 12],
25 [ new Date("2009/12/03"), null, null, 12],
26 [ new Date("2009/12/04"), 20, 14, null],
27 [ new Date("2009/12/05"), 15, null, 17],
0209e56f
AV
28 [ new Date("2009/12/06"), 18, null, null],
29 [ new Date("2009/12/07"), 12, 14, null]
563c70ca
AV
30 ],
31 {
32 connectSeparatedPoints: true,
31b1e394 33 labels: ["Date","Series1","Series2","Series3"]
563c70ca
AV
34 });
35 </script>
36 </body>
37</html>