+<!DOCTYPE html>
<html>
<head>
+ <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
<title>dygraph</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>
+ <!--
+ For production (minified) code, use:
+ <script type="text/javascript" src="dygraph-combined.js"></script>
+ -->
+ <script type="text/javascript" src="../dygraph-dev.js"></script>
+
</head>
<body>
<p>1: Simple line chart:</p>
"2009/12/01,10,10\n" +
"2009/12/02,15,11\n" +
"2009/12/03,,12\n" +
- "2009/12/04,20,13\n" +
+ "2009/12/04,,13\n" +
"2009/12/05,15,\n" +
"2009/12/06,18,15\n" +
"2009/12/07,12,16\n",
[ new Date("2009/12/01"), 10, 10],
[ new Date("2009/12/02"), 15, 11],
[ new Date("2009/12/03"), null, 12],
- [ new Date("2009/12/04"), 20, 13],
+ [ new Date("2009/12/04"), null, 13],
[ new Date("2009/12/05"), 15, null],
[ new Date("2009/12/06"), 18, 15],
[ new Date("2009/12/07"), 12, 16]
{
labels: ["Date","GapSeries1","GapSeries2"],
showRoller: true,
- stepPlot: true
+ stepPlot: true,
+ GapSeries2: { axis: {} }
}
);
</script>
+
+ <p>8: Stacked filled step chart:</p>
+ <div id="graphdiv8"></div>
+ <script type="text/javascript">
+ g8 = new Dygraph(document.getElementById("graphdiv8"),
+ "Date,Idle,Used\n" +
+ "2008-05-07,70,30\n" +
+ "2008-05-08,12,88\n" +
+ "2008-05-09,88,12\n" +
+ "2008-05-10,63,37\n" +
+ "2008-05-11,35,65\n",
+ {
+ stepPlot: true,
+ fillGraph: true,
+ stackedGraph: true,
+ includeZero: true
+ });
+ </script>
</body>
</html>