6 <script type=
"text/javascript" src=
"../excanvas.js"></script>
8 <script type=
"text/javascript" src=
"../strftime/strftime-min.js"></script>
9 <script type=
"text/javascript" src=
"../rgbcolor/rgbcolor.js"></script>
10 <script type=
"text/javascript" src=
"../dygraph-canvas.js"></script>
11 <script type=
"text/javascript" src=
"../dygraph.js"></script>
14 <p>1: Simple line chart:
</p>
15 <div id=
"graphdiv1"></div>
16 <script type=
"text/javascript">
17 g1 = new Dygraph(document.getElementById(
"graphdiv1"),
18 "Date,Temperature\n" +
26 <p>2: Simple step chart:
</p>
27 <div id=
"graphdiv2"></div>
28 <script type=
"text/javascript">
29 g2 = new Dygraph(document.getElementById(
"graphdiv2"),
30 "Date,Temperature\n" +
41 <p>3: Filled step chart:
</p>
42 <div id=
"graphdiv3"></div>
43 <script type=
"text/javascript">
44 g3 = new Dygraph(document.getElementById(
"graphdiv3"),
45 "Date,Temperature\n" +
57 <p>4: Line chart with error bars:
</p>
58 <div id=
"graphdiv4"></div>
59 <script type=
"text/javascript">
60 g4 = new Dygraph(document.getElementById(
"graphdiv4"),
75 <p>5: Step chart with error bars:
</p>
76 <div id=
"graphdiv5"></div>
77 <script type=
"text/javascript">
78 g5 = new Dygraph(document.getElementById(
"graphdiv5"),
94 <p>6: Stepped chart with gaps from CSV:
</p>
95 <div id=
"graphdiv6"></div>
96 <script type=
"text/javascript">
98 document.getElementById(
"graphdiv6"),
99 "Date,GapSeries1,GapSeries2\n" +
100 "2009/12/01,10,10\n" +
101 "2009/12/02,15,11\n" +
105 "2009/12/06,18,15\n" +
106 "2009/12/07,12,16\n",
113 <p>7: Stepped chart with gaps from native data:
</p>
114 <div id=
"graphdiv7"></div>
115 <script type=
"text/javascript">
117 document.getElementById(
"graphdiv7"),
119 [ new Date(
"2009/12/01"),
10,
10],
120 [ new Date(
"2009/12/02"),
15,
11],
121 [ new Date(
"2009/12/03"), null,
12],
122 [ new Date(
"2009/12/04"), null,
13],
123 [ new Date(
"2009/12/05"),
15, null],
124 [ new Date(
"2009/12/06"),
18,
15],
125 [ new Date(
"2009/12/07"),
12,
16]
128 labels: [
"Date",
"GapSeries1",
"GapSeries2"],
131 GapSeries2: { axis: {} }