[dygraphs.git] / tests / connect-separated.html

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
    <title>connect separated</title>
    <!--[if IE]>
    <script type="text/javascript" src="../excanvas.js"></script>
    <![endif]-->
    <script type="text/javascript" src="../strftime/strftime-min.js"></script>
    <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
    <script type="text/javascript" src="../dygraph-canvas.js"></script>
    <script type="text/javascript" src="../dygraph.js"></script>
  </head>
  <body>
    <p>Connecting separated points.  All three of the series should have their points
      connected with lines, and hovering over them should produce dot and legend
      overlays in the proper color.</p>

    <div id="graphdiv" style="width:600px; height:300px;"></div>
    <script type="text/javascript">
      new Dygraph(document.getElementById("graphdiv"),
      [
        [ new Date("2009/12/01"), 10, 10, 10],
        [ new Date("2009/12/02"), 15, 11, 12],
        [ new Date("2009/12/03"), null, null, 12],
        [ new Date("2009/12/04"), 20, 14, null],
        [ new Date("2009/12/05"), 15, null, 17],
        [ new Date("2009/12/06"), 18, null, null],
        [ new Date("2009/12/07"), 12, 14, null]
      ],
      {
        connectSeparatedPoints: true,
        labels: ["Date","Series1","Series2","Series3"]
      });
    </script>
  </body>
</html>
Commit	Line	Data
	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
	5	<title>connect separated</title>
	6	<!--[if IE]>
	7	<script type="text/javascript" src="../excanvas.js"></script>
	8	<![endif]-->
	9	<script type="text/javascript" src="../strftime/strftime-min.js"></script>
	10	<script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
	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>
	18
	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],
	28	[ new Date("2009/12/06"), 18, null, null],
	29	[ new Date("2009/12/07"), 12, 14, null]
	30	],
	31	{
	32	connectSeparatedPoints: true,
	33	labels: ["Date","Series1","Series2","Series3"]
	34	});
	35	</script>
	36	</body>
	37	</html>