X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Fzoom.html;h=afc39a3a0851f6e32bd0d8728cc9f8f5919081a6;hb=d97bf726ccc5645e60171f86b134fb29ac31b846;hp=d428d198cbfb1d4be124419d93e85e131d23407a;hpb=57baab0329f90475370bce7b76a6720a7f73e4f1;p=dygraphs.git diff --git a/tests/zoom.html b/tests/zoom.html index d428d19..afc39a3 100644 --- a/tests/zoom.html +++ b/tests/zoom.html @@ -1,13 +1,13 @@ + zoom - - - - - + + + @@ -31,13 +31,17 @@       -
+

        -
+

  +

+   +   +  

@@ -46,8 +50,8 @@ document.getElementById("div_g"), NoisyData, { errorBars: true, - zoomCallback : function(a,b,c,d) { - showDimensions(a,b,c,d); + zoomCallback : function(minDate, maxDate, yRange) { + showDimensions(minDate, maxDate, yRange); }, drawCallback: function(me, initial) { document.getElementById("zoomed").innerHTML = "" + me.isZoomed(); @@ -65,11 +69,11 @@ var maxDate = g.xAxisRange()[1]; var minValue = g.yAxisRange()[0]; var maxValue = g.yAxisRange()[1]; - showDimensions(minDate, maxDate, minValue, maxValue); + showDimensions(minDate, maxDate, [minValue, maxValue]); - function showDimensions(minDate, maxDate, minValue, maxValue) { - showXDimensions(minDate, maxDate); - showYDimensions(minValue, maxValue); + function showDimensions(minDate, maxDate, yRanges) { + showXDimensions(minDate, maxDate); + showYDimensions(yRanges); } function showXDimensions(first, second) { @@ -77,23 +81,23 @@ elem.innerHTML = "dateWindow : [" + first + ", "+ second + "]"; } - function showYDimensions(first, second) { + function showYDimensions(ranges) { var elem = document.getElementById("ydimensions"); - elem.innerHTML = "valueRange : [" + first + ", "+ second + "]"; + elem.innerHTML = "valueRange : [" + ranges + "]"; } function zoomGraphX(minDate, maxDate) { g.updateOptions({ dateWindow: [minDate, maxDate] }); - showXDimensions(minDate, maxDate); + showXDimensions(minDate, maxDate); } function zoomGraphY(minValue, maxValue) { g.updateOptions({ valueRange: [minValue, maxValue] }); - showYDimensions(minValue, maxValue); + showYDimensions(g.yAxisRanges()); } function unzoomGraph() { @@ -102,6 +106,10 @@ valueRange: null }); } + + function panEdgeFraction(value) { + g.updateOptions({ panEdgeFraction : value }); + }