[dygraphs.git] / tests / zero-series.html

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="../css/dygraph.css">
    <title>zero series</title>
    <!--
    For production (minified) code, use:
    <script type="text/javascript" src="dygraph-combined.js"></script>
    -->
    <script type="text/javascript" src="../dist/dygraph.js"></script>

  </head>
  <body>
    <p>Custom bars with a completely zero series. Both Y1 and Y2 should show.</p>

    <div id="data" style="display:none">X,Y1,Y2
1,1;2;3,0;0;0
2,2;3;4,0;0;0
3,1;3;5,0;0;0
</div>

    <div id="graphdiv" style="width:600px; height:300px;"></div>
    <script type="text/javascript">
      var g = new Dygraph(document.getElementById("graphdiv"),
          document.getElementById("data").innerHTML,
          {
            customBars: true
          });
    </script>
  </body>
</html>
Commit	Line	Data
54425b14	1	<!DOCTYPE html>
8b91c51f DV	2	<html>
8b91c51f DV	3	<head>
93a5bb4c	4	<link rel="stylesheet" href="../css/dygraph.css">
8b91c51f	5	<title>zero series</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
8b91c51f DV	12	</head>
	13	<body>
	14	<p>Custom bars with a completely zero series. Both Y1 and Y2 should show.</p>
	15
	16	<div id="data" style="display:none">X,Y1,Y2
	17	1,1;2;3,0;0;0
	18	2,2;3;4,0;0;0
	19	3,1;3;5,0;0;0
	20	</div>
	21
	22	<div id="graphdiv" style="width:600px; height:300px;"></div>
	23	<script type="text/javascript">
f6fbf9e0	24	var g = new Dygraph(document.getElementById("graphdiv"),
8b91c51f DV	25	document.getElementById("data").innerHTML,
	26	{
	27	customBars: true
	28	});
	29	</script>
	30	</body>
	31	</html>