4 <link rel=
"stylesheet" href=
"../css/dygraph.css">
5 <title>reverse y-axis
</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>
14 <h2>Reverse y-axis
</h2>
15 <font size=-
1>This test uses the same data as the
<a
16 href='demo.html'
>demo
</a> test, but reverses the y-axis.
</font><br/>
18 <div id=
"demodiv"></div>
20 <div id=
"status" style=
"width:200px; font-size:0.8em; padding-top:5px;"></div>
23 <script type=
"text/javascript">
25 document.getElementById(
"demodiv"),
27 var zp = function(x) { if (x <
10) return
"0"+x; else return x; };
28 var r =
"date,parabola,line,another line,sine wave\n";
29 for (var i=
1; i<=
31; i++) {
30 r +=
"200610" + zp(i);
31 r +=
"," +
10*(i*(
31-i));
33 r +=
"," +
10*(
250 -
8*i);
34 r +=
"," +
10*(
125 +
125 * Math.sin(
0.3*i));
41 labelsDiv: document.getElementById('status'),
42 labelsSeparateLines: true,
44 colors: [
"rgb(51,204,204)",
47 "rgba(50,50,200,0.4)"],
50 valueRange: [
3000,
0] // Reverse y-axis