X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Fzoom.html;h=5803af61c5ea9207ec21c93cae7f69162e7c9f48;hb=93a5bb4c827d6665f395c48b216438f95e94d76e;hp=10b0457f5a8270be8664339a2ec3611fd811ec92;hpb=f0f2aef666950ea136e1ede7bc286ccb07c2c6b6;p=dygraphs.git diff --git a/tests/zoom.html b/tests/zoom.html index 10b0457..5803af6 100644 --- a/tests/zoom.html +++ b/tests/zoom.html @@ -1,13 +1,14 @@ + + zoom - - - - - + + + @@ -16,8 +17,14 @@ buttons are useful for testing.

Window coordinates (in dates and values):

+
+

Zoomed: False

+

Zoomed X: False

+

Zoomed Y: False

+

+

Zoom operations:

  @@ -25,13 +32,17 @@       -
+

        -
+

  +

+   +   +  

@@ -42,6 +53,11 @@ errorBars: true, zoomCallback : function(minDate, maxDate, yRange) { showDimensions(minDate, maxDate, yRange); + }, + drawCallback: function(me, initial) { + document.getElementById("zoomed").innerHTML = "" + me.isZoomed(); + document.getElementById("zoomedX").innerHTML = "" + me.isZoomed("x"); + document.getElementById("zoomedY").innerHTML = "" + me.isZoomed("y"); } } ); @@ -52,12 +68,13 @@ // Pull an initial value for logging. var minDate = g.xAxisRange()[0]; var maxDate = g.xAxisRange()[1]; - var minValue = g.yAxisRange(); - showDimensions(minDate, maxDate, yAxisRange); + var minValue = g.yAxisRange()[0]; + var maxValue = g.yAxisRange()[1]; + showDimensions(minDate, maxDate, [minValue, maxValue]); - function showDimensions(minDate, maxDate, yAxisRange) { + function showDimensions(minDate, maxDate, yRanges) { showXDimensions(minDate, maxDate); - showYDimensions(yAxisRange); + showYDimensions(yRanges); } function showXDimensions(first, second) { @@ -65,9 +82,9 @@ elem.innerHTML = "dateWindow : [" + first + ", "+ second + "]"; } - function showYDimensions(range) { + function showYDimensions(ranges) { var elem = document.getElementById("ydimensions"); - elem.innerHTML = "valueRange : [" + range + "]"; + elem.innerHTML = "valueRange : [" + ranges + "]"; } function zoomGraphX(minDate, maxDate) { @@ -81,7 +98,7 @@ g.updateOptions({ valueRange: [minValue, maxValue] }); - showYDimensions(minValue, maxValue); + showYDimensions(g.yAxisRanges()); } function unzoomGraph() { @@ -90,6 +107,10 @@ valueRange: null }); } + + function panEdgeFraction(value) { + g.updateOptions({ panEdgeFraction : value }); + }