Use link href, not link src (#904)
[dygraphs.git] / tests / fillGraph.html
index 828c07f..4264068 100644 (file)
@@ -1,13 +1,10 @@
+<!DOCTYPE html>
 <html>
   <head>
+    <link rel="stylesheet" href="../dist/dygraph.css">
     <title>fillGraph</title>
-    <!--[if IE]>
-    <script type="text/javascript" src="excanvas.js"></script>
-    <![endif]-->
-    <script type="text/javascript" src="../strftime/strftime-min.js"></script>
-    <script type="text/javascript" src="../rgbcolor/rgbcolor.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>
     <p>Filled, no error bars:</p>
     <p>Filled, negatives:</p>
     <div id="div_g2" style="width:600px; height:300px;"></div>
 
-    <p>Filled, error bars:</p>
+    <p>Filled on a per-series basis:</p>
     <div id="div_g3" style="width:600px; height:300px;"></div>
 
     <script type="text/javascript">
-      new Dygraph(
+      var g1 = new Dygraph(
         document.getElementById("div_g"),
         function() {
           var ret = "X,Y1,Y2\n";
@@ -32,7 +29,7 @@
         { fillGraph: true }
       );
 
-      new Dygraph(
+      var g2 = new Dygraph(
         document.getElementById("div_g2"),
         function() {
           var ret = "X,Y1,Y2\n";
         { fillGraph: true }
       );
 
-      new Dygraph(
+      var g3 = new Dygraph(
         document.getElementById("div_g3"),
         function() {
           var ret = "X,Y1,Y2\n";
           for (var i = 0; i < 100; i++) {
-            ret += i + "," + i + ",10," +
-              (i * (100-i) * 100/(50*50)) + ",5\n";
+            ret += i + "," + i + "," + (i * (100-i) * 100/(50*50)) + "\n";
           }
           return ret;
         },
         {
-          errorBars: true,
-          fillGraph: true
+          series: {
+            Y1: { fillGraph: true }
+          }
         }
       );
     </script>