X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Fzoom.html;h=afc39a3a0851f6e32bd0d8728cc9f8f5919081a6;hb=c4c10db644336a08b581e2efdb3ad75b950c905c;hp=43ea54560d9d69793f0c501594a32de866212e23;hpb=714ba962d38df61d2fbe7a9b54c5328387c1d1a5;p=dygraphs.git diff --git a/tests/zoom.html b/tests/zoom.html index 43ea545..afc39a3 100644 --- a/tests/zoom.html +++ b/tests/zoom.html @@ -1,13 +1,13 @@ + zoom - - - - - + + + @@ -31,13 +31,17 @@       -
+

        -
+

  +

+   +   +  

@@ -46,13 +50,13 @@ 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.zoomed ? "True" : "False"; - document.getElementById("zoomedX").innerHTML = me.zoomedX ? "True" : "False"; - document.getElementById("zoomedY").innerHTML = me.zoomedY ? "True" : "False"; + document.getElementById("zoomed").innerHTML = "" + me.isZoomed(); + document.getElementById("zoomedX").innerHTML = "" + me.isZoomed("x"); + document.getElementById("zoomedY").innerHTML = "" + me.isZoomed("y"); } } ); @@ -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 }); + }