<div id="graph2"></div>
</td><td valign=top>
<div id="graph3"></div>
+ <div id="graph4"></div>
</td></tr>
</table>
<script type="text/javascript">
- new Dygraph(
+ g = new Dygraph(
document.getElementById("graph"),
"Date,GapSeries1,GapSeries2\n" +
"2009/12/01,10,10\n" +
"2009/12/07,12,16\n"
);
- new Dygraph(
+ g2 = new Dygraph(
document.getElementById("graph2"),
[
[ new Date("2009/12/01"), 10, 10],
[ new Date("2009/12/06"), 18, 15],
[ new Date("2009/12/07"), 12, 16]
],
- { labels: ["Date","GapSeries1","GapSeries2"] }
+ {
+ labels: ["Date","GapSeries1","GapSeries2"],
+ showRoller: true
+ }
);
- new Dygraph(
+ g3 = new Dygraph(
document.getElementById("graph3"),
[
[1, [10, 2], [20, 3]],
- [2, [12, 2], [22, 3]],
- [3, [ 8, 2], [25, 3]],
- [4, [null, 2], [18, 3]],
- [5, [11, 2], [20, 3]],
- [6, [ 9, 2], [22, 3]],
- [7, [10, 2], [23, 3]],
+ [2, [12, 2], [20, 3]],
+ [3, [ 8, 2], [20, 3]],
+ [4, [null, 2], [20, 3]],
+ [5, [null, 2], [null, 3]],
+ [6, [ 9, 2], [20, 3]],
+ [7, [10, 2], [20, 3]],
+ ],
+ {
+ errorBars: true,
+ labels: [ "X", "Series1", "Series2" ]
+ }
+ );
+
+ g4 = new Dygraph(
+ document.getElementById("graph4"),
+ [
+ [1, [10, 2], [20, 3]],
+ [2, [12, 2], [20, 3]],
+ [3, [ 8, 2], [20, 3]],
+ [4, [null, 2], [20, 3]],
+ [5, [null, 2], [null, 3]],
+ [6, [ 9, 2], [20, 3]],
+ [7, [10, 2], [20, 3]],
],
{
errorBars: true,
+ rollPeriod: 2,
labels: [ "X", "Series1", "Series2" ]
}
);