+
+ g2 = new Dygraph(
+ document.getElementById("graph2"),
+ [
+ [ 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/05"), 15, null],
+ [ new Date("2009/12/06"), 18, 15],
+ [ new Date("2009/12/07"), 12, 16]
+ ],
+ {
+ labels: ["Date","GapSeries1","GapSeries2"],
+ showRoller: true
+ }
+ );
+
+ g3 = new Dygraph(
+ document.getElementById("graph3"),
+ [
+ [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,
+ 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" ]
+ }
+ );