X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Fplotter.html;h=e49032a4b4e8216f0c203c322c66baaab5a7e885;hb=660bb307f01c14f7d7d1b839812840fb179481ec;hp=f36573b9262c10112e1dd758b248277b4eca4032;hpb=73e41b257746193ce168debd1f30a7a0e0606d42;p=dygraphs.git

diff --git a/tests/plotter.html b/tests/plotter.html
index f36573b..e49032a 100644
--- a/tests/plotter.html
+++ b/tests/plotter.html
@@ -1,18 +1,20 @@
+<!DOCTYPE html>
 <html>
   <head>
+    <link rel="stylesheet" href="../css/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>
+    <!--
+    For production (minified) code, use:
+    <script type="text/javascript" src="dygraph-combined.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);
@@ -33,7 +35,18 @@
           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() {
@@ -72,6 +85,6 @@
     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>
