4 <link rel=
"stylesheet" href=
"../css/dygraph.css">
5 <title>label-div
</title>
7 For production (minified) code, use:
8 <script type=
"text/javascript" src=
"dygraph-combined.js"></script>
10 <script type=
"text/javascript" src=
"../dist/dygraph.js"></script>
12 <script type=
"text/javascript" src=
"data.js"></script>
15 <p>Chart with labels displayed in a separate div:
</p>
17 <td valign=
"top"><div id=
"graphdiv2"></div></td>
18 <td valign=
"top"> </td>
19 <td valign=
"top"><div id=
"labels"></div></td>
22 The following chart should be the same as above. Here we use the
23 labelsDiv id instead of the actual labelsDiv element.
<br/>This is
24 useful when the labelsDiv element has not been attached to the
25 DOM when the chart/options is created:
28 <td valign=
"top"><div id=
"graphdiv3"></div></td>
29 <td valign=
"top"> </td>
30 <td valign=
"top"><div id=
"labels2"></div></td>
33 The following chart shows the labelsShowZeroValues option in use.
34 When any point has a zero value the label is not shown. This is
35 useful when there are many zero values in a point and the user
36 is only interested in the non-zero points.
39 <td valign=
"top"><div id=
"graphdiv4"></div></td>
40 <td valign=
"top"> </td>
41 <td valign=
"top"><div id=
"labels3"></div></td>
44 <script type=
"text/javascript">
45 g2 = new Dygraph(document.getElementById(
"graphdiv2"),
48 labels: [
"Date",
"High",
"Low" ],
49 labelsDiv: document.getElementById(
"labels")
51 g3 = new Dygraph(document.getElementById(
"graphdiv3"),
54 labels: [
"Date",
"High",
"Low" ],
57 g4 = new Dygraph(document.getElementById(
"graphdiv4"),
60 labels: [
"Date",
"High",
"Low" ],
62 labelsShowZeroValues: false