From: Neal Nelson Date: Tue, 11 Jan 2011 16:25:04 +0000 (+0100) Subject: Added isZoomed description in index.html. X-Git-Tag: v1.0.0~536^2~1^2~10 X-Git-Url: https://adrianiainlam.tk/git/?a=commitdiff_plain;h=4f72c4699a3af843529ce2551eb02c4c1ef602fe;p=dygraphs.git Added isZoomed description in index.html. --- diff --git a/docs/index.html b/docs/index.html index f8ad937..9d295aa 100644 --- a/docs/index.html +++ b/docs/index.html @@ -447,6 +447,85 @@ new Dygraph(el, data, {
  • Where the error bars do not overlap, we can say with 95% confidence that the series differ. There is a better than 95% chance that Ichiro was a better hitter than his team as a whole in 2004, the year he won the batting title.
    • +

    Determining Zoom

    + +

    + It is possible to detect whether a chart has been zoomed in either axis by the use of the isZoomed function. + If called with no argument, it will report whether either axis has been zoomed. + Alternatively it can be called with an argument of either 'x' or 'y' and it will report the status of just that axis. +

    + +

    Here's a simple example using drawCallback to display the various zoom states whenever the chart is zoomed:

    + +
    OUTPUT
    +
    +
    +

    Zoomed: False

    +

    Zoomed X: False

    +

    Zoomed Y: False

    +

    +
    +
    + +
    +
    + +

    +

    HTML
    + +
    +  new Dygraph(
+
+    // containing div
+    document.getElementById("zoomdiv"),
+
+    // CSV or path to a CSV file.
+    "Date,Temperature\n" +
+    "2011-01-07,75\n" +
+    "2011-01-08,70\n" +
+    "2011-01-09,90\n" +
+    "2011-01-10,30\n" +
+    "2011-01-11,40\n" +
+    "2011-01-12,60\n" +
+    "2011-01-13,70\n" +
+    "2011-01-14,40\n",
+    {
+      drawCallback: function(me, initial) {
+        document.getElementById("zoomed").innerHTML = "" + me.isZoomed();
+        document.getElementById("zoomedX").innerHTML = "" + me.isZoomed("x");
+        document.getElementById("zoomedY").innerHTML = "" + me.isZoomed("y");
+      }
+    }
+  );
+
    +

    + +

    The Tests for zoom operations show a full example of this in action.

    +

    One last demo

    This chart shows monthly closes of the Dow Jones Industrial Average, both in nominal and real (i.e. adjusted for inflation) dollars. The shaded areas show its monthly high and low. CPI values with a base from 1982-84 are used to adjust for inflation.

    @@ -730,7 +809,7 @@ perl -ne 'BEGIN{print "Month,Nominal,Real\n"} chomp; ($m,$cpi,$low,$close,$high) pointSize - interger + integer 1 The size of the dot to draw on each point in pixels (see drawPoints). A dot is always drawn when a point is "isolated", i.e. there is a missing point on either side of it. This also controls the size of those dots.
    Tests: none
    @@ -821,7 +900,7 @@ perl -ne 'BEGIN{print "Month,Nominal,Real\n"} chomp; ($m,$cpi,$low,$close,$high) wilsonInterval boolean true - Use in conjunction with the "fractions" option. Instead of plotting +/- N standard deviations, dygraphs will compute a Wilson confidence interval and plot that. This has more reasonable behavior for ratios close to 0 or 1. + Use in conjunction with the "fractions" option. Instead of plotting +/- N standard deviations, dygraphs will compute a Wilson confidence interval and plot that. This has more reasonable behaviour for ratios close to 0 or 1.
    Tests: none