X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2FlabelsKMB.html;h=18e33c5cf43f6db05a1af122a345bd273e11c7cc;hb=916a000e22d330b5f8690af07f561da1bdf7f8e3;hp=8fe6c6b3146030fd9b8e861a99453048bb81a05e;hpb=d37dca408f3689184774e53bfabf3824a263e374;p=dygraphs.git

diff --git a/tests/labelsKMB.html b/tests/labelsKMB.html
index 8fe6c6b..18e33c5 100644
--- a/tests/labelsKMB.html
+++ b/tests/labelsKMB.html
@@ -1,8 +1,10 @@
+<!DOCTYPE html>
 <html>
   <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
     <title>labelsKMB</title>
     <!--[if IE]>
-    <script type="text/javascript" src="excanvas.js"></script>
+    <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>
@@ -13,20 +15,41 @@
     <p>labelsKMB:</p>
     <div id="labelsKMB" style="width:600px; height: 300px;"></div>
 
-    <p>labelsKMG:</p>
+    <p>labelsKMG2:</p>
     <div id="labelsKMG2" style="width:600px; height: 300px;"></div>
 
+    <p>labelsKMG2 with yValueFormatter:</p>
+    <div id="labelsKMG2yValueFormatter" style="width:600px; height: 300px;"></div>
+
     <p>The curves are exponentials. Zooming in should reveal each of the 'K',
     'M', 'B', etc. labels.</p>
 
     <script type="text/javascript">
+      function round(num, places) {
+        var shift = Math.pow(10, places);
+        return Math.round(num * shift)/shift;
+      };
+
       var data = [];
       for (var i = 0, n = 1; i < 43; i++, n *= 2) {
         data.push([i, n]);
       }
 
+      var suffixes = ['', 'k', 'M', 'G', 'T'];
+      function formatValue(v) {
+        if (v < 1000) return v;
+
+        var magnitude = Math.floor(String(Math.floor(v)).length / 3);
+        if (magnitude > suffixes.length - 1)
+          magnitude = suffixes.length - 1;
+        return String(round(v / Math.pow(10, magnitude * 3), 2)) +
+          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 });
     </script>
   </body>
 </html>
