Bug fix for dygraph point selection touch event.

[dygraphs.git] / tests / labelsKMB.html
diff --git a/tests/labelsKMB.html b/tests/labelsKMB.html

index d92a833..f0ff349 100644 (file)
--- a/tests/labelsKMB.html
+++ b/tests/labelsKMB.html
@@ -1,13 +1,10 @@
+<!DOCTYPE html>
  <html>
    <head>
+    <link rel="stylesheet" href="../dist/dygraph.css">
      <title>labelsKMB</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>labelsKMB:</p>
@@ -19,6 +16,9 @@
      <p>labelsKMG2 with yValueFormatter:</p>
      <div id="labelsKMG2yValueFormatter" style="width:600px; height: 300px;"></div>
  
+    <p>labelsKMG2 with very small numbers:</p>
+    <div id="labelsKMG2SmallNumbers" style="width:600px; height: 300px;"></div>
+
      <p>The curves are exponentials. Zooming in should reveal each of the 'K',
      'M', 'B', etc. labels.</p>
  
@@ -28,9 +28,10 @@
          return Math.round(num * shift)/shift;
        };
  
-      var data = [];
-      for (var i = 0, n = 1; i < 43; i++, n *= 2) {
+      var data = [], smalldata = [];
+      for (var i = 0, n = 1; i < 63; i++, n *= 2) {
          data.push([i, n]);
+        smalldata.push([i, Math.pow(10,-n)]);
        }
  
        var suffixes = ['', 'k', 'M', 'G', 'T'];
@@ -44,10 +45,28 @@
            suffixes[magnitude];
        }
  
-      new Dygraph(document.getElementById("labelsKMB"), data, { labelsKMB: true });
-      new Dygraph(document.getElementById("labelsKMG2"), data, { labelsKMG2: true });
-      var g = new Dygraph(document.getElementById("labelsKMG2yValueFormatter"), data,
-                          { labelsKMG2: true, yValueFormatter: formatValue });
+      var g = new Dygraph(document.getElementById("labelsKMB"), data, {
+        labelsKMB: true,
+        labels: ['Base', 'Power']
+      });
+      var g2 = new Dygraph(document.getElementById("labelsKMG2"), data, {
+        labelsKMG2: true,
+        labels: ['Base', 'Power']
+      });
+      var g3 = new Dygraph(document.getElementById("labelsKMG2yValueFormatter"), data, {
+        labelsKMG2: true,
+        axes: {
+          y: {
+            valueFormatter: formatValue
+          }
+        },
+        labels: ['Base', 'Power']
+      });
+
+      var g4 = new Dygraph(document.getElementById("labelsKMG2SmallNumbers"), smalldata, {
+        labelsKMG2: true,
+        labels: ['Base', 'Power']
+      });
      </script>
    </body>
  </html>