projects
/
dygraphs.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge pull request #199 from witsa/master
[dygraphs.git]
/
tests
/
demo.html
diff --git
a/tests/demo.html
b/tests/demo.html
index
5f21a80
..
9184f4c
100644
(file)
--- a/
tests/demo.html
+++ b/
tests/demo.html
@@
-1,24
+1,24
@@
+<!DOCTYPE html>
<html>
<head>
<html>
<head>
+ <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
<title>demo</title>
<!--[if IE]>
<title>demo</title>
<!--[if IE]>
- <script type="text/javascript" src="excanvas.js"></script>
+ <script type="text/javascript" src="
../
excanvas.js"></script>
<![endif]-->
<![endif]-->
- <script type="text/javascript" src="../dygraph-combined.js"></script>
- <script type="text/javascript" src="../dygraph-canvas.js"></script>
- <script type="text/javascript" src="../dygraph.js"></script>
+ <script type="text/javascript" src="../dygraph-dev.js"></script>
</head>
<body>
<h2>Demo</h2>
<font size=-1>(Mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom out.)</font><br/>
<table><tr><td>
</head>
<body>
<h2>Demo</h2>
<font size=-1>(Mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom out.)</font><br/>
<table><tr><td>
- <div id="demodiv"
style="width:480px; height:320px;"
></div>
+ <div id="demodiv"></div>
</td><td valign=top>
<div id="status" style="width:200px; font-size:0.8em; padding-top:5px;"></div>
</td>
</tr></table>
<script type="text/javascript">
</td><td valign=top>
<div id="status" style="width:200px; font-size:0.8em; padding-top:5px;"></div>
</td>
</tr></table>
<script type="text/javascript">
- g = new D
ateG
raph(
+ g = new D
yg
raph(
document.getElementById("demodiv"),
function() {
var zp = function(x) { if (x < 10) return "0"+x; else return x; };
document.getElementById("demodiv"),
function() {
var zp = function(x) { if (x < 10) return "0"+x; else return x; };
@@
-33,17
+33,22
@@
}
return r;
},
}
return r;
},
- null,
{
{
- rollPeriod: 1,
labelsDiv: document.getElementById('status'),
labelsSeparateLines: true,
labelsKMB: true,
labelsDiv: document.getElementById('status'),
labelsSeparateLines: true,
labelsKMB: true,
+ legend: 'always',
colors: ["rgb(51,204,204)",
"rgb(255,100,100)",
"#00DD55",
"rgba(50,50,200,0.4)"],
colors: ["rgb(51,204,204)",
"rgb(255,100,100)",
"#00DD55",
"rgba(50,50,200,0.4)"],
- padding: {left: 40, right: 30, top: 15, bottom: 15}
+ width: 640,
+ height: 480,
+ title: 'Interesting Shapes',
+ xlabel: 'Date',
+ ylabel: 'Count',
+ axisLineColor: 'white'
+ // drawXGrid: false
}
);
</script>
}
);
</script>