Factor out ticker functions and clean up their semantics/usage.

[dygraphs.git] / tests / y-axis-formatter.html

diff --git a/tests/y-axis-formatter.html b/tests/y-axis-formatter.html
index c1c09f9..f2fbd00 100644 (file)
--- a/tests/y-axis-formatter.html
+++ b/tests/y-axis-formatter.html
@@ -17,7 +17,8 @@
 
         <h1>Potential Y Axis formatting problems for small values</h1>
 
-        <p>The problem using default y axis formatting for very small values:</p>
+        <p>The problem using default y axis formatting for very small values:<br/>
+        (this was more of a problem before dygraphs automatically switched to scientific notation)</p>
         <div id="graph1"></div>
         <script type="text/javascript">
             new Dygraph(
@@ -50,11 +51,15 @@
                 ],
                 {
                     stepPlot: true,
-                    yValueFormatter: function(x) {
-                        var shift = Math.pow(10, 5)
-                        return Math.round(x * shift) / shift
-                    },
-                    labels: ["X", "Data"]
+                    labels: ["X", "Data"],
+                    axes: {
+                      y: {
+                        valueFormatter: function(x) {
+                          var shift = Math.pow(10, 5)
+                          return Math.round(x * shift) / shift
+                        },
+                      }
+                    }
                 }
             );
         </script>
@@ -73,15 +78,19 @@
                 ],
                 {
                     stepPlot: true,
-                    yValueFormatter: function(x) {
-                        var shift = Math.pow(10, 5)
-                        return "*" + Math.round(x * shift) / shift
-                    },
-                    yAxisLabelFormatter: function(x) {
-                        var shift = Math.pow(10, 5)
-                        return "+" + Math.round(x * shift) / shift
-                    },
-                    labels: ["X", "Data"]
+                    labels: ["X", "Data"],
+                    axes: {
+                      y: {
+                        valueFormatter: function(x) {
+                          var shift = Math.pow(10, 5)
+                          return "*" + Math.round(x * shift) / shift
+                        },
+                        axisLabelFormatter: function(x) {
+                          var shift = Math.pow(10, 5)
+                          return "+" + Math.round(x * shift) / shift
+                        }
+                      }
+                    }
                 }
             );
         </script>