3 <title>Multiple y-axes
</title>
5 <script type=
"text/javascript" src=
"excanvas.js"></script>
7 <script type=
"text/javascript" src=
"../strftime/strftime-min.js"></script>
8 <script type=
"text/javascript" src=
"../rgbcolor/rgbcolor.js"></script>
9 <script type=
"text/javascript" src=
"../dygraph-canvas.js"></script>
10 <script type=
"text/javascript" src=
"../dygraph.js"></script>
13 <h2>Multiple y-axes
</h2>
14 <div id=
"demodiv"></div>
15 <script type=
"text/javascript">
17 for (var i =
1; i <=
100; i++) {
19 if (d
> 31) { m =
"02"; d -=
31; }
20 if (m ==
"02" && d
> 28) { m =
"03"; d -=
28; }
21 if (m ==
"03" && d
> 31) { m =
"04"; d -=
31; }
22 if (d <
10) d =
"0" + d;
23 // two series, one with range
1-
100, one with range
1-
2M
24 data.push([new Date(
"2010/" + m +
"/" + d),
27 1e6 * (
1 + i * (
100 - i) / (
50 *
50)),
28 1e6 * (
2 - i * (
100 - i) / (
50 *
50))]);
31 document.getElementById(
"demodiv"),
34 labels: [ 'Date', 'Y1', 'Y2', 'Y3', 'Y4' ],
39 // set axis-related properties here
44 axis: 'Y3' // use the same y-axis as series Y3