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 418b321..f2fbd00 100644 (file)
--- a/tests/y-axis-formatter.html
+++ b/tests/y-axis-formatter.html
@@ -6,16 +6,19 @@
          <!--[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>
+    <!--
+    For production (minified) code, use:
+    <script type="text/javascript" src="dygraph-combined.js"></script>
+    -->
+    <script type="text/javascript" src="../dygraph-dev.js"></script>
+
      </head>
      <body>
  
          <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(
@@ -48,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>
@@ -71,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>