X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=dygraph-interaction-model.js;fp=dygraph-interaction-model.js;h=0000000000000000000000000000000000000000;hb=3123ca57f71d145bb5bcc4a2f754d3dff3225346;hp=53e2f44d58839a1477e307aca76c81a5e9e7f868;hpb=26ee953643ccd2d32e38e6b60b20e6a01c1dc9ba;p=dygraphs.git

diff --git a/dygraph-interaction-model.js b/dygraph-interaction-model.js
deleted file mode 100644
index 53e2f44..0000000
--- a/dygraph-interaction-model.js
+++ /dev/null
@@ -1,757 +0,0 @@
-/**
- * @license
- * Copyright 2011 Robert Konigsberg (konigsberg@google.com)
- * MIT-licensed (http://opensource.org/licenses/MIT)
- */
-
-/**
- * @fileoverview The default interaction model for Dygraphs. This is kept out
- * of dygraph.js for better navigability.
- * @author Robert Konigsberg (konigsberg@google.com)
- */
-
-(function() {
-/*global Dygraph:false */
-"use strict";
-
-/**
- * You can drag this many pixels past the edge of the chart and still have it
- * be considered a zoom. This makes it easier to zoom to the exact edge of the
- * chart, a fairly common operation.
- */
-var DRAG_EDGE_MARGIN = 100;
-
-/**
- * A collection of functions to facilitate build custom interaction models.
- * @class
- */
-Dygraph.Interaction = {};
-
-/**
- * Checks whether the beginning & ending of an event were close enough that it
- * should be considered a click. If it should, dispatch appropriate events.
- * Returns true if the event was treated as a click.
- *
- * @param {Event} event
- * @param {Dygraph} g
- * @param {Object} context
- */
-Dygraph.Interaction.maybeTreatMouseOpAsClick = function(event, g, context) {
-  context.dragEndX = Dygraph.dragGetX_(event, context);
-  context.dragEndY = Dygraph.dragGetY_(event, context);
-  var regionWidth = Math.abs(context.dragEndX - context.dragStartX);
-  var regionHeight = Math.abs(context.dragEndY - context.dragStartY);
-
-  if (regionWidth < 2 && regionHeight < 2 &&
-      g.lastx_ !== undefined && g.lastx_ != -1) {
-    Dygraph.Interaction.treatMouseOpAsClick(g, event, context);
-  }
-
-  context.regionWidth = regionWidth;
-  context.regionHeight = regionHeight;
-};
-
-/**
- * Called in response to an interaction model operation that
- * should start the default panning behavior.
- *
- * It's used in the default callback for "mousedown" operations.
- * Custom interaction model builders can use it to provide the default
- * panning behavior.
- *
- * @param {Event} event the event object which led to the startPan call.
- * @param {Dygraph} g The dygraph on which to act.
- * @param {Object} context The dragging context object (with
- *     dragStartX/dragStartY/etc. properties). This function modifies the
- *     context.
- */
-Dygraph.Interaction.startPan = function(event, g, context) {
-  var i, axis;
-  context.isPanning = true;
-  var xRange = g.xAxisRange();
-
-  if (g.getOptionForAxis("logscale", "x")) {
-    context.initialLeftmostDate = Dygraph.log10(xRange[0]);
-    context.dateRange = Dygraph.log10(xRange[1]) - Dygraph.log10(xRange[0]);
-  } else {
-    context.initialLeftmostDate = xRange[0];    
-    context.dateRange = xRange[1] - xRange[0];
-  }
-  context.xUnitsPerPixel = context.dateRange / (g.plotter_.area.w - 1);
-
-  if (g.getNumericOption("panEdgeFraction")) {
-    var maxXPixelsToDraw = g.width_ * g.getNumericOption("panEdgeFraction");
-    var xExtremes = g.xAxisExtremes(); // I REALLY WANT TO CALL THIS xTremes!
-
-    var boundedLeftX = g.toDomXCoord(xExtremes[0]) - maxXPixelsToDraw;
-    var boundedRightX = g.toDomXCoord(xExtremes[1]) + maxXPixelsToDraw;
-
-    var boundedLeftDate = g.toDataXCoord(boundedLeftX);
-    var boundedRightDate = g.toDataXCoord(boundedRightX);
-    context.boundedDates = [boundedLeftDate, boundedRightDate];
-
-    var boundedValues = [];
-    var maxYPixelsToDraw = g.height_ * g.getNumericOption("panEdgeFraction");
-
-    for (i = 0; i < g.axes_.length; i++) {
-      axis = g.axes_[i];
-      var yExtremes = axis.extremeRange;
-
-      var boundedTopY = g.toDomYCoord(yExtremes[0], i) + maxYPixelsToDraw;
-      var boundedBottomY = g.toDomYCoord(yExtremes[1], i) - maxYPixelsToDraw;
-
-      var boundedTopValue = g.toDataYCoord(boundedTopY, i);
-      var boundedBottomValue = g.toDataYCoord(boundedBottomY, i);
-
-      boundedValues[i] = [boundedTopValue, boundedBottomValue];
-    }
-    context.boundedValues = boundedValues;
-  }
-
-  // Record the range of each y-axis at the start of the drag.
-  // If any axis has a valueRange or valueWindow, then we want a 2D pan.
-  // We can't store data directly in g.axes_, because it does not belong to us
-  // and could change out from under us during a pan (say if there's a data
-  // update).
-  context.is2DPan = false;
-  context.axes = [];
-  for (i = 0; i < g.axes_.length; i++) {
-    axis = g.axes_[i];
-    var axis_data = {};
-    var yRange = g.yAxisRange(i);
-    // TODO(konigsberg): These values should be in |context|.
-    // In log scale, initialTopValue, dragValueRange and unitsPerPixel are log scale.
-    var logscale = g.attributes_.getForAxis("logscale", i);
-    if (logscale) {
-      axis_data.initialTopValue = Dygraph.log10(yRange[1]);
-      axis_data.dragValueRange = Dygraph.log10(yRange[1]) - Dygraph.log10(yRange[0]);
-    } else {
-      axis_data.initialTopValue = yRange[1];
-      axis_data.dragValueRange = yRange[1] - yRange[0];
-    }
-    axis_data.unitsPerPixel = axis_data.dragValueRange / (g.plotter_.area.h - 1);
-    context.axes.push(axis_data);
-
-    // While calculating axes, set 2dpan.
-    if (axis.valueWindow || axis.valueRange) context.is2DPan = true;
-  }
-};
-
-/**
- * Called in response to an interaction model operation that
- * responds to an event that pans the view.
- *
- * It's used in the default callback for "mousemove" operations.
- * Custom interaction model builders can use it to provide the default
- * panning behavior.
- *
- * @param {Event} event the event object which led to the movePan call.
- * @param {Dygraph} g The dygraph on which to act.
- * @param {Object} context The dragging context object (with
- *     dragStartX/dragStartY/etc. properties). This function modifies the
- *     context.
- */
-Dygraph.Interaction.movePan = function(event, g, context) {
-  context.dragEndX = Dygraph.dragGetX_(event, context);
-  context.dragEndY = Dygraph.dragGetY_(event, context);
-
-  var minDate = context.initialLeftmostDate -
-    (context.dragEndX - context.dragStartX) * context.xUnitsPerPixel;
-  if (context.boundedDates) {
-    minDate = Math.max(minDate, context.boundedDates[0]);
-  }
-  var maxDate = minDate + context.dateRange;
-  if (context.boundedDates) {
-    if (maxDate > context.boundedDates[1]) {
-      // Adjust minDate, and recompute maxDate.
-      minDate = minDate - (maxDate - context.boundedDates[1]);
-      maxDate = minDate + context.dateRange;
-    }
-  }
-
-  if (g.getOptionForAxis("logscale", "x")) {
-    g.dateWindow_ = [ Math.pow(Dygraph.LOG_SCALE, minDate),
-                      Math.pow(Dygraph.LOG_SCALE, maxDate) ];
-  } else {
-    g.dateWindow_ = [minDate, maxDate];    
-  }
-
-  // y-axis scaling is automatic unless this is a full 2D pan.
-  if (context.is2DPan) {
-
-    var pixelsDragged = context.dragEndY - context.dragStartY;
-
-    // Adjust each axis appropriately.
-    for (var i = 0; i < g.axes_.length; i++) {
-      var axis = g.axes_[i];
-      var axis_data = context.axes[i];
-      var unitsDragged = pixelsDragged * axis_data.unitsPerPixel;
-
-      var boundedValue = context.boundedValues ? context.boundedValues[i] : null;
-
-      // In log scale, maxValue and minValue are the logs of those values.
-      var maxValue = axis_data.initialTopValue + unitsDragged;
-      if (boundedValue) {
-        maxValue = Math.min(maxValue, boundedValue[1]);
-      }
-      var minValue = maxValue - axis_data.dragValueRange;
-      if (boundedValue) {
-        if (minValue < boundedValue[0]) {
-          // Adjust maxValue, and recompute minValue.
-          maxValue = maxValue - (minValue - boundedValue[0]);
-          minValue = maxValue - axis_data.dragValueRange;
-        }
-      }
-      if (g.attributes_.getForAxis("logscale", i)) {
-        axis.valueWindow = [ Math.pow(Dygraph.LOG_SCALE, minValue),
-                             Math.pow(Dygraph.LOG_SCALE, maxValue) ];
-      } else {
-        axis.valueWindow = [ minValue, maxValue ];
-      }
-    }
-  }
-
-  g.drawGraph_(false);
-};
-
-/**
- * Called in response to an interaction model operation that
- * responds to an event that ends panning.
- *
- * It's used in the default callback for "mouseup" operations.
- * Custom interaction model builders can use it to provide the default
- * panning behavior.
- *
- * @param {Event} event the event object which led to the endPan call.
- * @param {Dygraph} g The dygraph on which to act.
- * @param {Object} context The dragging context object (with
- *     dragStartX/dragStartY/etc. properties). This function modifies the
- *     context.
- */
-Dygraph.Interaction.endPan = Dygraph.Interaction.maybeTreatMouseOpAsClick;
-
-/**
- * Called in response to an interaction model operation that
- * responds to an event that starts zooming.
- *
- * It's used in the default callback for "mousedown" operations.
- * Custom interaction model builders can use it to provide the default
- * zooming behavior.
- *
- * @param {Event} event the event object which led to the startZoom call.
- * @param {Dygraph} g The dygraph on which to act.
- * @param {Object} context The dragging context object (with
- *     dragStartX/dragStartY/etc. properties). This function modifies the
- *     context.
- */
-Dygraph.Interaction.startZoom = function(event, g, context) {
-  context.isZooming = true;
-  context.zoomMoved = false;
-};
-
-/**
- * Called in response to an interaction model operation that
- * responds to an event that defines zoom boundaries.
- *
- * It's used in the default callback for "mousemove" operations.
- * Custom interaction model builders can use it to provide the default
- * zooming behavior.
- *
- * @param {Event} event the event object which led to the moveZoom call.
- * @param {Dygraph} g The dygraph on which to act.
- * @param {Object} context The dragging context object (with
- *     dragStartX/dragStartY/etc. properties). This function modifies the
- *     context.
- */
-Dygraph.Interaction.moveZoom = function(event, g, context) {
-  context.zoomMoved = true;
-  context.dragEndX = Dygraph.dragGetX_(event, context);
-  context.dragEndY = Dygraph.dragGetY_(event, context);
-
-  var xDelta = Math.abs(context.dragStartX - context.dragEndX);
-  var yDelta = Math.abs(context.dragStartY - context.dragEndY);
-
-  // drag direction threshold for y axis is twice as large as x axis
-  context.dragDirection = (xDelta < yDelta / 2) ? Dygraph.VERTICAL : Dygraph.HORIZONTAL;
-
-  g.drawZoomRect_(
-      context.dragDirection,
-      context.dragStartX,
-      context.dragEndX,
-      context.dragStartY,
-      context.dragEndY,
-      context.prevDragDirection,
-      context.prevEndX,
-      context.prevEndY);
-
-  context.prevEndX = context.dragEndX;
-  context.prevEndY = context.dragEndY;
-  context.prevDragDirection = context.dragDirection;
-};
-
-/**
- * TODO(danvk): move this logic into dygraph.js
- * @param {Dygraph} g
- * @param {Event} event
- * @param {Object} context
- */
-Dygraph.Interaction.treatMouseOpAsClick = function(g, event, context) {
-  var clickCallback = g.getFunctionOption('clickCallback');
-  var pointClickCallback = g.getFunctionOption('pointClickCallback');
-
-  var selectedPoint = null;
-
-  // Find out if the click occurs on a point.
-  var closestIdx = -1;
-  var closestDistance = Number.MAX_VALUE;
-
-  // check if the click was on a particular point.
-  for (var i = 0; i < g.selPoints_.length; i++) {
-    var p = g.selPoints_[i];
-    var distance = Math.pow(p.canvasx - context.dragEndX, 2) +
-                   Math.pow(p.canvasy - context.dragEndY, 2);
-    if (!isNaN(distance) &&
-        (closestIdx == -1 || distance < closestDistance)) {
-      closestDistance = distance;
-      closestIdx = i;
-    }
-  }
-
-  // Allow any click within two pixels of the dot.
-  var radius = g.getNumericOption('highlightCircleSize') + 2;
-  if (closestDistance <= radius * radius) {
-    selectedPoint = g.selPoints_[closestIdx];
-  }
-
-  if (selectedPoint) {
-    var e = {
-      cancelable: true,
-      point: selectedPoint,
-      canvasx: context.dragEndX,
-      canvasy: context.dragEndY
-    };
-    var defaultPrevented = g.cascadeEvents_('pointClick', e);
-    if (defaultPrevented) {
-      // Note: this also prevents click / clickCallback from firing.
-      return;
-    }
-    if (pointClickCallback) {
-      pointClickCallback.call(g, event, selectedPoint);
-    }
-  }
-
-  var e = {
-    cancelable: true,
-    xval: g.lastx_,  // closest point by x value
-    pts: g.selPoints_,
-    canvasx: context.dragEndX,
-    canvasy: context.dragEndY
-  };
-  if (!g.cascadeEvents_('click', e)) {
-    if (clickCallback) {
-      // TODO(danvk): pass along more info about the points, e.g. 'x'
-      clickCallback.call(g, event, g.lastx_, g.selPoints_);
-    }
-  }
-};
-
-/**
- * Called in response to an interaction model operation that
- * responds to an event that performs a zoom based on previously defined
- * bounds..
- *
- * It's used in the default callback for "mouseup" operations.
- * Custom interaction model builders can use it to provide the default
- * zooming behavior.
- *
- * @param {Event} event the event object which led to the endZoom call.
- * @param {Dygraph} g The dygraph on which to end the zoom.
- * @param {Object} context The dragging context object (with
- *     dragStartX/dragStartY/etc. properties). This function modifies the
- *     context.
- */
-Dygraph.Interaction.endZoom = function(event, g, context) {
-  g.clearZoomRect_();
-  context.isZooming = false;
-  Dygraph.Interaction.maybeTreatMouseOpAsClick(event, g, context);
-
-  // The zoom rectangle is visibly clipped to the plot area, so its behavior
-  // should be as well.
-  // See http://code.google.com/p/dygraphs/issues/detail?id=280
-  var plotArea = g.getArea();
-  if (context.regionWidth >= 10 &&
-      context.dragDirection == Dygraph.HORIZONTAL) {
-    var left = Math.min(context.dragStartX, context.dragEndX),
-        right = Math.max(context.dragStartX, context.dragEndX);
-    left = Math.max(left, plotArea.x);
-    right = Math.min(right, plotArea.x + plotArea.w);
-    if (left < right) {
-      g.doZoomX_(left, right);
-    }
-    context.cancelNextDblclick = true;
-  } else if (context.regionHeight >= 10 &&
-             context.dragDirection == Dygraph.VERTICAL) {
-    var top = Math.min(context.dragStartY, context.dragEndY),
-        bottom = Math.max(context.dragStartY, context.dragEndY);
-    top = Math.max(top, plotArea.y);
-    bottom = Math.min(bottom, plotArea.y + plotArea.h);
-    if (top < bottom) {
-      g.doZoomY_(top, bottom);
-    }
-    context.cancelNextDblclick = true;
-  }
-  context.dragStartX = null;
-  context.dragStartY = null;
-};
-
-/**
- * @private
- */
-Dygraph.Interaction.startTouch = function(event, g, context) {
-  event.preventDefault();  // touch browsers are all nice.
-  if (event.touches.length > 1) {
-    // If the user ever puts two fingers down, it's not a double tap.
-    context.startTimeForDoubleTapMs = null;
-  }
-
-  var touches = [];
-  for (var i = 0; i < event.touches.length; i++) {
-    var t = event.touches[i];
-    // we dispense with 'dragGetX_' because all touchBrowsers support pageX
-    touches.push({
-      pageX: t.pageX,
-      pageY: t.pageY,
-      dataX: g.toDataXCoord(t.pageX),
-      dataY: g.toDataYCoord(t.pageY)
-      // identifier: t.identifier
-    });
-  }
-  context.initialTouches = touches;
-
-  if (touches.length == 1) {
-    // This is just a swipe.
-    context.initialPinchCenter = touches[0];
-    context.touchDirections = { x: true, y: true };
-  } else if (touches.length >= 2) {
-    // It's become a pinch!
-    // In case there are 3+ touches, we ignore all but the "first" two.
-
-    // only screen coordinates can be averaged (data coords could be log scale).
-    context.initialPinchCenter = {
-      pageX: 0.5 * (touches[0].pageX + touches[1].pageX),
-      pageY: 0.5 * (touches[0].pageY + touches[1].pageY),
-
-      // TODO(danvk): remove
-      dataX: 0.5 * (touches[0].dataX + touches[1].dataX),
-      dataY: 0.5 * (touches[0].dataY + touches[1].dataY)
-    };
-
-    // Make pinches in a 45-degree swath around either axis 1-dimensional zooms.
-    var initialAngle = 180 / Math.PI * Math.atan2(
-        context.initialPinchCenter.pageY - touches[0].pageY,
-        touches[0].pageX - context.initialPinchCenter.pageX);
-
-    // use symmetry to get it into the first quadrant.
-    initialAngle = Math.abs(initialAngle);
-    if (initialAngle > 90) initialAngle = 90 - initialAngle;
-
-    context.touchDirections = {
-      x: (initialAngle < (90 - 45/2)),
-      y: (initialAngle > 45/2)
-    };
-  }
-
-  // save the full x & y ranges.
-  context.initialRange = {
-    x: g.xAxisRange(),
-    y: g.yAxisRange()
-  };
-};
-
-/**
- * @private
- */
-Dygraph.Interaction.moveTouch = function(event, g, context) {
-  // If the tap moves, then it's definitely not part of a double-tap.
-  context.startTimeForDoubleTapMs = null;
-
-  var i, touches = [];
-  for (i = 0; i < event.touches.length; i++) {
-    var t = event.touches[i];
-    touches.push({
-      pageX: t.pageX,
-      pageY: t.pageY
-    });
-  }
-  var initialTouches = context.initialTouches;
-
-  var c_now;
-
-  // old and new centers.
-  var c_init = context.initialPinchCenter;
-  if (touches.length == 1) {
-    c_now = touches[0];
-  } else {
-    c_now = {
-      pageX: 0.5 * (touches[0].pageX + touches[1].pageX),
-      pageY: 0.5 * (touches[0].pageY + touches[1].pageY)
-    };
-  }
-
-  // this is the "swipe" component
-  // we toss it out for now, but could use it in the future.
-  var swipe = {
-    pageX: c_now.pageX - c_init.pageX,
-    pageY: c_now.pageY - c_init.pageY
-  };
-  var dataWidth = context.initialRange.x[1] - context.initialRange.x[0];
-  var dataHeight = context.initialRange.y[0] - context.initialRange.y[1];
-  swipe.dataX = (swipe.pageX / g.plotter_.area.w) * dataWidth;
-  swipe.dataY = (swipe.pageY / g.plotter_.area.h) * dataHeight;
-  var xScale, yScale;
-
-  // The residual bits are usually split into scale & rotate bits, but we split
-  // them into x-scale and y-scale bits.
-  if (touches.length == 1) {
-    xScale = 1.0;
-    yScale = 1.0;
-  } else if (touches.length >= 2) {
-    var initHalfWidth = (initialTouches[1].pageX - c_init.pageX);
-    xScale = (touches[1].pageX - c_now.pageX) / initHalfWidth;
-
-    var initHalfHeight = (initialTouches[1].pageY - c_init.pageY);
-    yScale = (touches[1].pageY - c_now.pageY) / initHalfHeight;
-  }
-
-  // Clip scaling to [1/8, 8] to prevent too much blowup.
-  xScale = Math.min(8, Math.max(0.125, xScale));
-  yScale = Math.min(8, Math.max(0.125, yScale));
-
-  var didZoom = false;
-  if (context.touchDirections.x) {
-    g.dateWindow_ = [
-      c_init.dataX - swipe.dataX + (context.initialRange.x[0] - c_init.dataX) / xScale,
-      c_init.dataX - swipe.dataX + (context.initialRange.x[1] - c_init.dataX) / xScale
-    ];
-    didZoom = true;
-  }
-  
-  if (context.touchDirections.y) {
-    for (i = 0; i < 1  /*g.axes_.length*/; i++) {
-      var axis = g.axes_[i];
-      var logscale = g.attributes_.getForAxis("logscale", i);
-      if (logscale) {
-        // TODO(danvk): implement
-      } else {
-        axis.valueWindow = [
-          c_init.dataY - swipe.dataY + (context.initialRange.y[0] - c_init.dataY) / yScale,
-          c_init.dataY - swipe.dataY + (context.initialRange.y[1] - c_init.dataY) / yScale
-        ];
-        didZoom = true;
-      }
-    }
-  }
-
-  g.drawGraph_(false);
-
-  // We only call zoomCallback on zooms, not pans, to mirror desktop behavior.
-  if (didZoom && touches.length > 1 && g.getFunctionOption('zoomCallback')) {
-    var viewWindow = g.xAxisRange();
-    g.getFunctionOption("zoomCallback").call(g, viewWindow[0], viewWindow[1], g.yAxisRanges());
-  }
-};
-
-/**
- * @private
- */
-Dygraph.Interaction.endTouch = function(event, g, context) {
-  if (event.touches.length !== 0) {
-    // this is effectively a "reset"
-    Dygraph.Interaction.startTouch(event, g, context);
-  } else if (event.changedTouches.length == 1) {
-    // Could be part of a "double tap"
-    // The heuristic here is that it's a double-tap if the two touchend events
-    // occur within 500ms and within a 50x50 pixel box.
-    var now = new Date().getTime();
-    var t = event.changedTouches[0];
-    if (context.startTimeForDoubleTapMs &&
-        now - context.startTimeForDoubleTapMs < 500 &&
-        context.doubleTapX && Math.abs(context.doubleTapX - t.screenX) < 50 &&
-        context.doubleTapY && Math.abs(context.doubleTapY - t.screenY) < 50) {
-      g.resetZoom();
-    } else {
-      context.startTimeForDoubleTapMs = now;
-      context.doubleTapX = t.screenX;
-      context.doubleTapY = t.screenY;
-    }
-  }
-};
-
-// Determine the distance from x to [left, right].
-var distanceFromInterval = function(x, left, right) {
-  if (x < left) {
-    return left - x;
-  } else if (x > right) {
-    return x - right;
-  } else {
-    return 0;
-  }
-};
-
-/**
- * Returns the number of pixels by which the event happens from the nearest
- * edge of the chart. For events in the interior of the chart, this returns zero.
- */
-var distanceFromChart = function(event, g) {
-  var chartPos = Dygraph.findPos(g.canvas_);
-  var box = {
-    left: chartPos.x,
-    right: chartPos.x + g.canvas_.offsetWidth,
-    top: chartPos.y,
-    bottom: chartPos.y + g.canvas_.offsetHeight
-  };
-
-  var pt = {
-    x: Dygraph.pageX(event),
-    y: Dygraph.pageY(event)
-  };
-
-  var dx = distanceFromInterval(pt.x, box.left, box.right),
-      dy = distanceFromInterval(pt.y, box.top, box.bottom);
-  return Math.max(dx, dy);
-};
-
-/**
- * Default interation model for dygraphs. You can refer to specific elements of
- * this when constructing your own interaction model, e.g.:
- * g.updateOptions( {
- *   interactionModel: {
- *     mousedown: Dygraph.defaultInteractionModel.mousedown
- *   }
- * } );
- */
-Dygraph.Interaction.defaultModel = {
-  // Track the beginning of drag events
-  mousedown: function(event, g, context) {
-    // Right-click should not initiate a zoom.
-    if (event.button && event.button == 2) return;
-
-    context.initializeMouseDown(event, g, context);
-
-    if (event.altKey || event.shiftKey) {
-      Dygraph.startPan(event, g, context);
-    } else {
-      Dygraph.startZoom(event, g, context);
-    }
-
-    // Note: we register mousemove/mouseup on document to allow some leeway for
-    // events to move outside of the chart. Interaction model events get
-    // registered on the canvas, which is too small to allow this.
-    var mousemove = function(event) {
-      if (context.isZooming) {
-        // When the mouse moves >200px from the chart edge, cancel the zoom.
-        var d = distanceFromChart(event, g);
-        if (d < DRAG_EDGE_MARGIN) {
-          Dygraph.moveZoom(event, g, context);
-        } else {
-          if (context.dragEndX !== null) {
-            context.dragEndX = null;
-            context.dragEndY = null;
-            g.clearZoomRect_();
-          }
-        }
-      } else if (context.isPanning) {
-        Dygraph.movePan(event, g, context);
-      }
-    };
-    var mouseup = function(event) {
-      if (context.isZooming) {
-        if (context.dragEndX !== null) {
-          Dygraph.endZoom(event, g, context);
-        } else {
-          Dygraph.Interaction.maybeTreatMouseOpAsClick(event, g, context);
-        }
-      } else if (context.isPanning) {
-        Dygraph.endPan(event, g, context);
-      }
-
-      Dygraph.removeEvent(document, 'mousemove', mousemove);
-      Dygraph.removeEvent(document, 'mouseup', mouseup);
-      context.destroy();
-    };
-
-    g.addAndTrackEvent(document, 'mousemove', mousemove);
-    g.addAndTrackEvent(document, 'mouseup', mouseup);
-  },
-  willDestroyContextMyself: true,
-
-  touchstart: function(event, g, context) {
-    Dygraph.Interaction.startTouch(event, g, context);
-  },
-  touchmove: function(event, g, context) {
-    Dygraph.Interaction.moveTouch(event, g, context);
-  },
-  touchend: function(event, g, context) {
-    Dygraph.Interaction.endTouch(event, g, context);
-  },
-
-  // Disable zooming out if panning.
-  dblclick: function(event, g, context) {
-    if (context.cancelNextDblclick) {
-      context.cancelNextDblclick = false;
-      return;
-    }
-
-    // Give plugins a chance to grab this event.
-    var e = {
-      canvasx: context.dragEndX,
-      canvasy: context.dragEndY
-    };
-    if (g.cascadeEvents_('dblclick', e)) {
-      return;
-    }
-
-    if (event.altKey || event.shiftKey) {
-      return;
-    }
-    g.resetZoom();
-  }
-};
-
-Dygraph.DEFAULT_ATTRS.interactionModel = Dygraph.Interaction.defaultModel;
-
-// old ways of accessing these methods/properties
-Dygraph.defaultInteractionModel = Dygraph.Interaction.defaultModel;
-Dygraph.endZoom = Dygraph.Interaction.endZoom;
-Dygraph.moveZoom = Dygraph.Interaction.moveZoom;
-Dygraph.startZoom = Dygraph.Interaction.startZoom;
-Dygraph.endPan = Dygraph.Interaction.endPan;
-Dygraph.movePan = Dygraph.Interaction.movePan;
-Dygraph.startPan = Dygraph.Interaction.startPan;
-
-Dygraph.Interaction.nonInteractiveModel_ = {
-  mousedown: function(event, g, context) {
-    context.initializeMouseDown(event, g, context);
-  },
-  mouseup: Dygraph.Interaction.maybeTreatMouseOpAsClick
-};
-
-// Default interaction model when using the range selector.
-Dygraph.Interaction.dragIsPanInteractionModel = {
-  mousedown: function(event, g, context) {
-    context.initializeMouseDown(event, g, context);
-    Dygraph.startPan(event, g, context);
-  },
-  mousemove: function(event, g, context) {
-    if (context.isPanning) {
-      Dygraph.movePan(event, g, context);
-    }
-  },
-  mouseup: function(event, g, context) {
-    if (context.isPanning) {
-      Dygraph.endPan(event, g, context);
-    }
-  }
-};
-
-})();