+<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../dist/dygraph.css">
<title>dygraphs Equation Plotter</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>
+
<script type="text/javascript">
function plot() {
var eq = document.getElementById("eq").value;
eval("fn = " + eq);
- var graph = document.getElementById("graph");
+ var graph = document.getElementById("graph_div");
var width = parseInt(graph.style.width);
var x1 = parseFloat(document.getElementById("x1").value);
var x2 = parseFloat(document.getElementById("x2").value);
data.push(row);
}
- g = new Dygraph(graph, data);
+ var labels = ['X'];
+ if (data[0].length == 2) {
+ labels.push('Y');
+ } else {
+ for (var i = 1; i < data[0].length; i++) {
+ labels.push('Y' + (1 + i));
+ }
+ }
+
+ g = new Dygraph(graph, data, {
+ labels: labels
+ });
}
function preset() {
to <input type=text width="5" id="x2" value="10" /></p>
<p><input type=button value="Plot" onClick="plot()" /></p>
- <div id=graph style="width:1024px; height:400px;"></div>
+ <div id="graph_div" style="width:1024px; height:400px;"></div>
</body>
</html>