+<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../dist/dygraph.css">
<title>demo</title>
- <!--[if IE]>
- <script type="text/javascript" src="excanvas.js"></script>
- <![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="../dist/dygraph.js"></script>
</head>
<body>
<h2>Demo</h2>
</td>
</tr></table>
<script type="text/javascript">
- g = new DateGraph(
+ g = new Dygraph(
document.getElementById("demodiv"),
function() {
var zp = function(x) { if (x < 10) return "0"+x; else return x; };
}
return r;
},
- null,
{
- rollPeriod: 1,
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)"],
- padding: {left: 40, right: 30, top: 15, bottom: 15},
- width:480,
- height:320,
+ width: 640,
+ height: 480,
+ title: 'Interesting Shapes',
+ xlabel: 'Date',
+ ylabel: 'Count',
+ axisLineColor: 'white',
+ // drawXGrid: false
}
);
</script>