projects
/
dygraphs.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Respect options set in the series-axis object (e.g. Y2 : { labelsKMB: true })
[dygraphs.git]
/
tests
/
steps.html
diff --git
a/tests/steps.html
b/tests/steps.html
index
889944b
..
42b7362
100644
(file)
--- a/
tests/steps.html
+++ b/
tests/steps.html
@@
-1,13
+1,17
@@
+<!DOCTYPE html>
<html>
<head>
<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]-->
<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>
</head>
<body>
<p>1: Simple line chart:</p>
@@
-99,7
+103,7
@@
"2009/12/01,10,10\n" +
"2009/12/02,15,11\n" +
"2009/12/03,,12\n" +
"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",
"2009/12/05,15,\n" +
"2009/12/06,18,15\n" +
"2009/12/07,12,16\n",
@@
-118,7
+122,7
@@
[ 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/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]
[ new Date("2009/12/05"), 15, null],
[ new Date("2009/12/06"), 18, 15],
[ new Date("2009/12/07"), 12, 16]
@@
-126,10
+130,29
@@
{
labels: ["Date","GapSeries1","GapSeries2"],
showRoller: true,
{
labels: ["Date","GapSeries1","GapSeries2"],
showRoller: true,
- stepPlot: true
+ stepPlot: true,
+ GapSeries2: { axis: {} }
}
);
</script>
}
);
</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>
</body>
</html>