3 <title>reverse y-axis
</title>
5 <script type=
"text/javascript" src=
"excanvas.js"></script>
7 <script type=
"text/javascript" src=
"../dygraph-combined.js"></script>
8 <script type=
"text/javascript" src=
"../dygraph-canvas.js"></script>
9 <script type=
"text/javascript" src=
"../dygraph.js"></script>
12 <h2>Reverse y-axis
</h2>
13 <font size=-
1>This test uses the same data as the
<a
14 href='demo.html'
>demo
</a> test, but reverses the y-axis.
</font><br/>
16 <div id=
"demodiv"></div>
18 <div id=
"status" style=
"width:200px; font-size:0.8em; padding-top:5px;"></div>
21 <script type=
"text/javascript">
23 document.getElementById(
"demodiv"),
25 var zp = function(x) { if (x <
10) return
"0"+x; else return x; };
26 var r =
"date,parabola,line,another line,sine wave\n";
27 for (var i=
1; i<=
31; i++) {
28 r +=
"200610" + zp(i);
29 r +=
"," +
10*(i*(
31-i));
31 r +=
"," +
10*(
250 -
8*i);
32 r +=
"," +
10*(
125 +
125 * Math.sin(
0.3*i));
40 labelsDiv: document.getElementById('status'),
41 labelsSeparateLines: true,
43 colors: [
"rgb(51,204,204)",
46 "rgba(50,50,200,0.4)"],
47 padding: {left:
40, right:
30, top:
15, bottom:
15},
50 valueRange: [
3000,
0] // Reverse y-axis