Subversion-Projekte lars-tiefland.cienc

/**

 * jqPlot

 * Pure JavaScript plotting plugin using jQuery

 *

 * Version: 1.0.8

 * Revision: 1250

 *

 * Copyright (c) 2009-2013 Chris Leonello

 * jqPlot is currently available for use in all personal or commercial projects

 * under both the MIT (http://www.opensource.org/licenses/mit-license.php) and GPL

 * version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) licenses. This means that you can

 * choose the license that best suits your project and use it accordingly.

 *

 * Although not required, the author would appreciate an email letting him

 * know of any substantial use of jqPlot.  You can reach the author at:

 * chris at jqplot dot com or see http://www.jqplot.com/info.php .

 *

 * If you are feeling kind and generous, consider supporting the project by

 * making a donation at: http://www.jqplot.com/donate.php .

 *

 * sprintf functions contained in jqplot.sprintf.js by Ash Searle:

 *

 *     version 2007.04.27

 *     author Ash Searle

 *     http://hexmen.com/blog/2007/03/printf-sprintf/

 *     http://hexmen.com/js/sprintf.js

 *     The author (Ash Searle) has placed this code in the public domain:

 *     "This code is unrestricted: you are free to use it however you like."

 *

 */

(function($) {

    /**

     * Class: $.jqplot.Cursor

     * Plugin class representing the cursor as displayed on the plot.

     */

    $.jqplot.Cursor = function(options) {

        // Group: Properties

        //

        // prop: style

        // CSS spec for cursor style

        this.style = 'crosshair';

        this.previousCursor = 'auto';

        // prop: show

        // whether to show the cursor or not.

        this.show = $.jqplot.config.enablePlugins;

        // prop: showTooltip

        // show a cursor position tooltip.  Location of the tooltip

        // will be controlled by followMouse and tooltipLocation.

        this.showTooltip = true;

        // prop: followMouse

        // Tooltip follows the mouse, it is not at a fixed location.

        // Tooltip will show on the grid at the location given by

        // tooltipLocation, offset from the grid edge by tooltipOffset.

        this.followMouse = false;

        // prop: tooltipLocation

        // Where to position tooltip.  If followMouse is true, this is

        // relative to the cursor, otherwise, it is relative to the grid.

        // One of 'n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'

        this.tooltipLocation = 'se';

        // prop: tooltipOffset

        // Pixel offset of tooltip from the grid boudaries or cursor center.

        this.tooltipOffset = 6;

        // prop: showTooltipGridPosition

        // show the grid pixel coordinates of the mouse.

        this.showTooltipGridPosition = false;

        // prop: showTooltipUnitPosition

        // show the unit (data) coordinates of the mouse.

        this.showTooltipUnitPosition = true;

        // prop: showTooltipDataPosition

        // Used with showVerticalLine to show intersecting data points in the tooltip.

        this.showTooltipDataPosition = false;

        // prop: tooltipFormatString

        // sprintf format string for the tooltip.

        // Uses Ash Searle's javascript sprintf implementation

        // found here: http://hexmen.com/blog/2007/03/printf-sprintf/

        // See http://perldoc.perl.org/functions/sprintf.html for reference

        // Note, if showTooltipDataPosition is true, the default tooltipFormatString

        // will be set to the cursorLegendFormatString, not the default given here.

        this.tooltipFormatString = '%.4P, %.4P';

        // prop: useAxesFormatters

        // Use the x and y axes formatters to format the text in the tooltip.

        this.useAxesFormatters = true;

        // prop: tooltipAxisGroups

        // Show position for the specified axes.

        // This is an array like [['xaxis', 'yaxis'], ['xaxis', 'y2axis']]

        // Default is to compute automatically for all visible axes.

        this.tooltipAxisGroups = [];

        // prop: zoom

        // Enable plot zooming.

        this.zoom = false;

        // zoomProxy and zoomTarget properties are not directly set by user.

        // They Will be set through call to zoomProxy method.

        this.zoomProxy = false;

        this.zoomTarget = false;

        // prop: looseZoom

        // Will expand zoom range to provide more rounded tick values.

        // Works only with linear, log and date axes.

        this.looseZoom = true;

        // prop: clickReset

        // Will reset plot zoom if single click on plot without drag.

        this.clickReset = false;

        // prop: dblClickReset

        // Will reset plot zoom if double click on plot without drag.

        this.dblClickReset = true;

        // prop: showVerticalLine

        // draw a vertical line across the plot which follows the cursor.

        // When the line is near a data point, a special legend and/or tooltip can

        // be updated with the data values.

        this.showVerticalLine = false;

        // prop: showHorizontalLine

        // draw a horizontal line across the plot which follows the cursor.

        this.showHorizontalLine = false;

        // prop: constrainZoomTo

        // 'none', 'x' or 'y'

        this.constrainZoomTo = 'none';

        // // prop: autoscaleConstraint

        // // when a constrained axis is specified, true will

        // // auatoscale the adjacent axis.

        // this.autoscaleConstraint = true;

        this.shapeRenderer = new $.jqplot.ShapeRenderer();

        this._zoom = {start:[], end:[], started: false, zooming:false, isZoomed:false, axes:{start:{}, end:{}}, gridpos:{}, datapos:{}};

        this._tooltipElem;

        this.zoomCanvas;

        this.cursorCanvas;

        // prop: intersectionThreshold

        // pixel distance from data point or marker to consider cursor lines intersecting with point.

        // If data point markers are not shown, this should be >= 1 or will often miss point intersections.

        this.intersectionThreshold = 2;

        // prop: showCursorLegend

        // Replace the plot legend with an enhanced legend displaying intersection information.

        this.showCursorLegend = false;

        // prop: cursorLegendFormatString

        // Format string used in the cursor legend.  If showTooltipDataPosition is true,

        // this will also be the default format string used by tooltipFormatString.

        this.cursorLegendFormatString = $.jqplot.Cursor.cursorLegendFormatString;

        // whether the cursor is over the grid or not.

        this._oldHandlers = {onselectstart: null, ondrag: null, onmousedown: null};

        // prop: constrainOutsideZoom

        // True to limit actual zoom area to edges of grid, even when zooming

        // outside of plot area.  That is, can't zoom out by mousing outside plot.

        this.constrainOutsideZoom = true;

        // prop: showTooltipOutsideZoom

        // True will keep updating the tooltip when zooming of the grid.

        this.showTooltipOutsideZoom = false;

        // true if mouse is over grid, false if not.

        this.onGrid = false;

        $.extend(true, this, options);

    };

    $.jqplot.Cursor.cursorLegendFormatString = '%s x:%s, y:%s';

    // called with scope of plot

    $.jqplot.Cursor.init = function (target, data, opts){

        // add a cursor attribute to the plot

        var options = opts || {};

        this.plugins.cursor = new $.jqplot.Cursor(options.cursor);

        var c = this.plugins.cursor;

        if (c.show) {

            $.jqplot.eventListenerHooks.push(['jqplotMouseEnter', handleMouseEnter]);

            $.jqplot.eventListenerHooks.push(['jqplotMouseLeave', handleMouseLeave]);

            $.jqplot.eventListenerHooks.push(['jqplotMouseMove', handleMouseMove]);

            if (c.showCursorLegend) {

                opts.legend = opts.legend || {};

                opts.legend.renderer =  $.jqplot.CursorLegendRenderer;

                opts.legend.formatString = this.plugins.cursor.cursorLegendFormatString;

                opts.legend.show = true;

            }

            if (c.zoom) {

                $.jqplot.eventListenerHooks.push(['jqplotMouseDown', handleMouseDown]);

                if (c.clickReset) {

                    $.jqplot.eventListenerHooks.push(['jqplotClick', handleClick]);

                }

                if (c.dblClickReset) {

                    $.jqplot.eventListenerHooks.push(['jqplotDblClick', handleDblClick]);

                }

            }

            this.resetZoom = function() {

                var axes = this.axes;

                if (!c.zoomProxy) {

                    for (var ax in axes) {

                        axes[ax].reset();

                        axes[ax]._ticks = [];

                        // fake out tick creation algorithm to make sure original auto

                        // computed format string is used if _overrideFormatString is true

                        if (c._zoom.axes[ax] !== undefined) {

                            axes[ax]._autoFormatString = c._zoom.axes[ax].tickFormatString;

                        }

                    }

                    this.redraw();

                }

                else {

                    var ctx = this.plugins.cursor.zoomCanvas._ctx;

                    ctx.clearRect(0,0,ctx.canvas.width, ctx.canvas.height);

                    ctx = null;

                }

                this.plugins.cursor._zoom.isZoomed = false;

                this.target.trigger('jqplotResetZoom', [this, this.plugins.cursor]);

            };

            if (c.showTooltipDataPosition) {

                c.showTooltipUnitPosition = false;

                c.showTooltipGridPosition = false;

                if (options.cursor.tooltipFormatString == undefined) {

                    c.tooltipFormatString = $.jqplot.Cursor.cursorLegendFormatString;

                }

            }

        }

    };

    // called with context of plot

    $.jqplot.Cursor.postDraw = function() {

        var c = this.plugins.cursor;

        // Memory Leaks patch

        if (c.zoomCanvas) {

            c.zoomCanvas.resetCanvas();

            c.zoomCanvas = null;

        }

        if (c.cursorCanvas) {

            c.cursorCanvas.resetCanvas();

            c.cursorCanvas = null;

        }

        if (c._tooltipElem) {

            c._tooltipElem.emptyForce();

            c._tooltipElem = null;

        }

        if (c.zoom) {

            c.zoomCanvas = new $.jqplot.GenericCanvas();

            this.eventCanvas._elem.before(c.zoomCanvas.createElement(this._gridPadding, 'jqplot-zoom-canvas', this._plotDimensions, this));

            c.zoomCanvas.setContext();

        }

        var elem = document.createElement('div');

        c._tooltipElem = $(elem);

        elem = null;

        c._tooltipElem.addClass('jqplot-cursor-tooltip');

        c._tooltipElem.css({position:'absolute', display:'none'});

        if (c.zoomCanvas) {

            c.zoomCanvas._elem.before(c._tooltipElem);

        }

        else {

            this.eventCanvas._elem.before(c._tooltipElem);

        }

        if (c.showVerticalLine || c.showHorizontalLine) {

            c.cursorCanvas = new $.jqplot.GenericCanvas();

            this.eventCanvas._elem.before(c.cursorCanvas.createElement(this._gridPadding, 'jqplot-cursor-canvas', this._plotDimensions, this));

            c.cursorCanvas.setContext();

        }

        // if we are showing the positions in unit coordinates, and no axes groups

        // were specified, create a default set.

        if (c.showTooltipUnitPosition){

            if (c.tooltipAxisGroups.length === 0) {

                var series = this.series;

                var s;

                var temp = [];

                for (var i=0; i<series.length; i++) {

                    s = series[i];

                    var ax = s.xaxis+','+s.yaxis;

                    if ($.inArray(ax, temp) == -1) {

                        temp.push(ax);

                    }

                }

                for (var i=0; i<temp.length; i++) {

                    c.tooltipAxisGroups.push(temp[i].split(','));

                }

            }

        }

    };

    // Group: methods

    //

    // method: $.jqplot.Cursor.zoomProxy

    // links targetPlot to controllerPlot so that plot zooming of

    // targetPlot will be controlled by zooming on the controllerPlot.

    // controllerPlot will not actually zoom, but acts as an

    // overview plot.  Note, the zoom options must be set to true for

    // zoomProxy to work.

    $.jqplot.Cursor.zoomProxy = function(targetPlot, controllerPlot) {

        var tc = targetPlot.plugins.cursor;

        var cc = controllerPlot.plugins.cursor;

        tc.zoomTarget = true;

        tc.zoom = true;

        tc.style = 'auto';

        tc.dblClickReset = false;

        cc.zoom = true;

        cc.zoomProxy = true;

        controllerPlot.target.bind('jqplotZoom', plotZoom);

        controllerPlot.target.bind('jqplotResetZoom', plotReset);

        function plotZoom(ev, gridpos, datapos, plot, cursor) {

            tc.doZoom(gridpos, datapos, targetPlot, cursor);

        }

        function plotReset(ev, plot, cursor) {

            targetPlot.resetZoom();

        }

    };

    $.jqplot.Cursor.prototype.resetZoom = function(plot, cursor) {

        var axes = plot.axes;

        var cax = cursor._zoom.axes;

        if (!plot.plugins.cursor.zoomProxy && cursor._zoom.isZoomed) {

            for (var ax in axes) {

                // axes[ax]._ticks = [];

                // axes[ax].min = cax[ax].min;

                // axes[ax].max = cax[ax].max;

                // axes[ax].numberTicks = cax[ax].numberTicks;

                // axes[ax].tickInterval = cax[ax].tickInterval;

                // // for date axes

                // axes[ax].daTickInterval = cax[ax].daTickInterval;

                axes[ax].reset();

                axes[ax]._ticks = [];

                // fake out tick creation algorithm to make sure original auto

                // computed format string is used if _overrideFormatString is true

                axes[ax]._autoFormatString = cax[ax].tickFormatString;

            }

            plot.redraw();

            cursor._zoom.isZoomed = false;

        }

        else {

            var ctx = cursor.zoomCanvas._ctx;

            ctx.clearRect(0,0,ctx.canvas.width, ctx.canvas.height);

            ctx = null;

        }

        plot.target.trigger('jqplotResetZoom', [plot, cursor]);

    };

    $.jqplot.Cursor.resetZoom = function(plot) {

        plot.resetZoom();

    };

    $.jqplot.Cursor.prototype.doZoom = function (gridpos, datapos, plot, cursor) {

        var c = cursor;

        var axes = plot.axes;

        var zaxes = c._zoom.axes;

        var start = zaxes.start;

        var end = zaxes.end;

        var min, max, dp, span,

            newmin, newmax, curax, _numberTicks, ret;

        var ctx = plot.plugins.cursor.zoomCanvas._ctx;

        // don't zoom if zoom area is too small (in pixels)

        if ((c.constrainZoomTo == 'none' && Math.abs(gridpos.x - c._zoom.start[0]) > 6 && Math.abs(gridpos.y - c._zoom.start[1]) > 6) || (c.constrainZoomTo == 'x' && Math.abs(gridpos.x - c._zoom.start[0]) > 6) ||  (c.constrainZoomTo == 'y' && Math.abs(gridpos.y - c._zoom.start[1]) > 6)) {

            if (!plot.plugins.cursor.zoomProxy) {

                for (var ax in datapos) {

                    // make a copy of the original axes to revert back.

                    if (c._zoom.axes[ax] == undefined) {

                        c._zoom.axes[ax] = {};

                        c._zoom.axes[ax].numberTicks = axes[ax].numberTicks;

                        c._zoom.axes[ax].tickInterval = axes[ax].tickInterval;

                        // for date axes...

                        c._zoom.axes[ax].daTickInterval = axes[ax].daTickInterval;

                        c._zoom.axes[ax].min = axes[ax].min;

                        c._zoom.axes[ax].max = axes[ax].max;

                        c._zoom.axes[ax].tickFormatString = (axes[ax].tickOptions != null) ? axes[ax].tickOptions.formatString :  '';

                    }

                    if ((c.constrainZoomTo == 'none') || (c.constrainZoomTo == 'x' && ax.charAt(0) == 'x') || (c.constrainZoomTo == 'y' && ax.charAt(0) == 'y')) {

                        dp = datapos[ax];

                        if (dp != null) {

                            if (dp > start[ax]) {

                                newmin = start[ax];

                                newmax = dp;

                            }

                            else {

                                span = start[ax] - dp;

                                newmin = dp;

                                newmax = start[ax];

                            }

                            curax = axes[ax];

                            _numberTicks = null;

                            // if aligning this axis, use number of ticks from previous axis.

                            // Do I need to reset somehow if alignTicks is changed and then graph is replotted??

                            if (curax.alignTicks) {

                                if (curax.name === 'x2axis' && plot.axes.xaxis.show) {

                                    _numberTicks = plot.axes.xaxis.numberTicks;

                                }

                                else if (curax.name.charAt(0) === 'y' && curax.name !== 'yaxis' && curax.name !== 'yMidAxis' && plot.axes.yaxis.show) {

                                    _numberTicks = plot.axes.yaxis.numberTicks;

                                }

                            }

                            if (this.looseZoom && (axes[ax].renderer.constructor === $.jqplot.LinearAxisRenderer || axes[ax].renderer.constructor === $.jqplot.LogAxisRenderer )) { //} || axes[ax].renderer.constructor === $.jqplot.DateAxisRenderer)) {

                                ret = $.jqplot.LinearTickGenerator(newmin, newmax, curax._scalefact, _numberTicks);

                                // if new minimum is less than "true" minimum of axis display, adjust it

                                if (axes[ax].tickInset && ret[0] < axes[ax].min + axes[ax].tickInset * axes[ax].tickInterval) {

                                    ret[0] += ret[4];

                                    ret[2] -= 1;

                                }

                                // if new maximum is greater than "true" max of axis display, adjust it

                                if (axes[ax].tickInset && ret[1] > axes[ax].max - axes[ax].tickInset * axes[ax].tickInterval) {

                                    ret[1] -= ret[4];

                                    ret[2] -= 1;

                                }

                                // for log axes, don't fall below current minimum, this will look bad and can't have 0 in range anyway.

                                if (axes[ax].renderer.constructor === $.jqplot.LogAxisRenderer && ret[0] < axes[ax].min) {

                                    // remove a tick and shift min up

                                    ret[0] += ret[4];

                                    ret[2] -= 1;

                                }

                                axes[ax].min = ret[0];

                                axes[ax].max = ret[1];

                                axes[ax]._autoFormatString = ret[3];

                                axes[ax].numberTicks = ret[2];

                                axes[ax].tickInterval = ret[4];

                                // for date axes...

                                axes[ax].daTickInterval = [ret[4]/1000, 'seconds'];

                            }

                            else {

                                axes[ax].min = newmin;

                                axes[ax].max = newmax;

                                axes[ax].tickInterval = null;

                                axes[ax].numberTicks = null;

                                // for date axes...

                                axes[ax].daTickInterval = null;

                            }

                            axes[ax]._ticks = [];

                        }

                    }

                    // if ((c.constrainZoomTo == 'x' && ax.charAt(0) == 'y' && c.autoscaleConstraint) || (c.constrainZoomTo == 'y' && ax.charAt(0) == 'x' && c.autoscaleConstraint)) {

                    //     dp = datapos[ax];

                    //     if (dp != null) {

                    //         axes[ax].max == null;

                    //         axes[ax].min = null;

                    //     }

                    // }

                }

                ctx.clearRect(0,0,ctx.canvas.width, ctx.canvas.height);

                plot.redraw();

                c._zoom.isZoomed = true;

                ctx = null;

            }

            plot.target.trigger('jqplotZoom', [gridpos, datapos, plot, cursor]);

        }

    };

    $.jqplot.preInitHooks.push($.jqplot.Cursor.init);

    $.jqplot.postDrawHooks.push($.jqplot.Cursor.postDraw);

    function updateTooltip(gridpos, datapos, plot) {

        var c = plot.plugins.cursor;

        var s = '';

        var addbr = false;

        if (c.showTooltipGridPosition) {

            s = gridpos.x+', '+gridpos.y;

            addbr = true;

        }

        if (c.showTooltipUnitPosition) {

            var g;

            for (var i=0; i<c.tooltipAxisGroups.length; i++) {

                g = c.tooltipAxisGroups[i];

                if (addbr) {

                    s += '<br />';

                }

                if (c.useAxesFormatters) {

                    for (var j=0; j<g.length; j++) {

                        if (j) {

                            s += ', ';

                        }

                        var af = plot.axes[g[j]]._ticks[0].formatter;

                        var afstr = plot.axes[g[j]]._ticks[0].formatString;

                        s += af(afstr, datapos[g[j]]);

                    }

                }

                else {

                    s += $.jqplot.sprintf(c.tooltipFormatString, datapos[g[0]], datapos[g[1]]);

                }

                addbr = true;

            }

        }

        if (c.showTooltipDataPosition) {

            var series = plot.series;

            var ret = getIntersectingPoints(plot, gridpos.x, gridpos.y);

            var addbr = false;

            for (var i = 0; i< series.length; i++) {

                if (series[i].show) {

                    var idx = series[i].index;

                    var label = series[i].label.toString();

                    var cellid = $.inArray(idx, ret.indices);

                    var sx = undefined;

                    var sy = undefined;

                    if (cellid != -1) {

                        var data = ret.data[cellid].data;

                        if (c.useAxesFormatters) {

                            var xf = series[i]._xaxis._ticks[0].formatter;

                            var yf = series[i]._yaxis._ticks[0].formatter;

                            var xfstr = series[i]._xaxis._ticks[0].formatString;

                            var yfstr = series[i]._yaxis._ticks[0].formatString;

                            sx = xf(xfstr, data[0]);

                            sy = yf(yfstr, data[1]);

                        }

                        else {

                            sx = data[0];

                            sy = data[1];

                        }

                        if (addbr) {

                            s += '<br />';

                        }

                        s += $.jqplot.sprintf(c.tooltipFormatString, label, sx, sy);

                        addbr = true;

                    }

                }

            }

        }

        c._tooltipElem.html(s);

    }

    function moveLine(gridpos, plot) {

        var c = plot.plugins.cursor;

        var ctx = c.cursorCanvas._ctx;

        ctx.clearRect(0,0,ctx.canvas.width, ctx.canvas.height);

        if (c.showVerticalLine) {

            c.shapeRenderer.draw(ctx, [[gridpos.x, 0], [gridpos.x, ctx.canvas.height]]);

        }

        if (c.showHorizontalLine) {

            c.shapeRenderer.draw(ctx, [[0, gridpos.y], [ctx.canvas.width, gridpos.y]]);

        }

        var ret = getIntersectingPoints(plot, gridpos.x, gridpos.y);

        if (c.showCursorLegend) {

            var cells = $(plot.targetId + ' td.jqplot-cursor-legend-label');

            for (var i=0; i<cells.length; i++) {

                var idx = $(cells[i]).data('seriesIndex');

                var series = plot.series[idx];

                var label = series.label.toString();

                var cellid = $.inArray(idx, ret.indices);

                var sx = undefined;

                var sy = undefined;

                if (cellid != -1) {

                    var data = ret.data[cellid].data;

                    if (c.useAxesFormatters) {

                        var xf = series._xaxis._ticks[0].formatter;

                        var yf = series._yaxis._ticks[0].formatter;

                        var xfstr = series._xaxis._ticks[0].formatString;

                        var yfstr = series._yaxis._ticks[0].formatString;

                        sx = xf(xfstr, data[0]);

                        sy = yf(yfstr, data[1]);

                    }

                    else {

                        sx = data[0];

                        sy = data[1];

                    }

                }

                if (plot.legend.escapeHtml) {

                    $(cells[i]).text($.jqplot.sprintf(c.cursorLegendFormatString, label, sx, sy));

                }

                else {

                    $(cells[i]).html($.jqplot.sprintf(c.cursorLegendFormatString, label, sx, sy));

                }

            }

        }

        ctx = null;

    }

    function getIntersectingPoints(plot, x, y) {

        var ret = {indices:[], data:[]};

        var s, i, d0, d, j, r, p;

        var threshold;

        var c = plot.plugins.cursor;

        for (var i=0; i<plot.series.length; i++) {

            s = plot.series[i];

            r = s.renderer;

            if (s.show) {

                threshold = c.intersectionThreshold;

                if (s.showMarker) {

                    threshold += s.markerRenderer.size/2;

                }

                for (var j=0; j<s.gridData.length; j++) {

                    p = s.gridData[j];

                    // check vertical line

                    if (c.showVerticalLine) {

                        if (Math.abs(x-p[0]) <= threshold) {

                            ret.indices.push(i);

                            ret.data.push({seriesIndex: i, pointIndex:j, gridData:p, data:s.data[j]});

                        }

                    }

                }

            }

        }

        return ret;

    }

    function moveTooltip(gridpos, plot) {

        var c = plot.plugins.cursor;

        var elem = c._tooltipElem;

        switch (c.tooltipLocation) {

            case 'nw':

                var x = gridpos.x + plot._gridPadding.left - elem.outerWidth(true) - c.tooltipOffset;

                var y = gridpos.y + plot._gridPadding.top - c.tooltipOffset - elem.outerHeight(true);

                break;

            case 'n':

                var x = gridpos.x + plot._gridPadding.left - elem.outerWidth(true)/2;

                var y = gridpos.y + plot._gridPadding.top - c.tooltipOffset - elem.outerHeight(true);

                break;

            case 'ne':

                var x = gridpos.x + plot._gridPadding.left + c.tooltipOffset;

                var y = gridpos.y + plot._gridPadding.top - c.tooltipOffset - elem.outerHeight(true);

                break;

            case 'e':

                var x = gridpos.x + plot._gridPadding.left + c.tooltipOffset;

                var y = gridpos.y + plot._gridPadding.top - elem.outerHeight(true)/2;

                break;

            case 'se':

                var x = gridpos.x + plot._gridPadding.left + c.tooltipOffset;

                var y = gridpos.y + plot._gridPadding.top + c.tooltipOffset;

                break;

            case 's':

                var x = gridpos.x + plot._gridPadding.left - elem.outerWidth(true)/2;

                var y = gridpos.y + plot._gridPadding.top + c.tooltipOffset;

                break;

            case 'sw':

                var x = gridpos.x + plot._gridPadding.left - elem.outerWidth(true) - c.tooltipOffset;

                var y = gridpos.y + plot._gridPadding.top + c.tooltipOffset;

                break;

            case 'w':

                var x = gridpos.x + plot._gridPadding.left - elem.outerWidth(true) - c.tooltipOffset;

                var y = gridpos.y + plot._gridPadding.top - elem.outerHeight(true)/2;

                break;

            default:

                var x = gridpos.x + plot._gridPadding.left + c.tooltipOffset;

                var y = gridpos.y + plot._gridPadding.top + c.tooltipOffset;

                break;

        }

        elem.css('left', x);

        elem.css('top', y);

        elem = null;

    }

    function positionTooltip(plot) {

        // fake a grid for positioning

        var grid = plot._gridPadding;

        var c = plot.plugins.cursor;

        var elem = c._tooltipElem;

        switch (c.tooltipLocation) {

            case 'nw':

                var a = grid.left + c.tooltipOffset;

                var b = grid.top + c.tooltipOffset;

                elem.css('left', a);

                elem.css('top', b);

                break;

            case 'n':

                var a = (grid.left + (plot._plotDimensions.width - grid.right))/2 - elem.outerWidth(true)/2;

                var b = grid.top + c.tooltipOffset;

                elem.css('left', a);

                elem.css('top', b);

                break;

            case 'ne':

                var a = grid.right + c.tooltipOffset;

                var b = grid.top + c.tooltipOffset;

                elem.css({right:a, top:b});

                break;

            case 'e':

                var a = grid.right + c.tooltipOffset;

                var b = (grid.top + (plot._plotDimensions.height - grid.bottom))/2 - elem.outerHeight(true)/2;

                elem.css({right:a, top:b});

                break;

            case 'se':

                var a = grid.right + c.tooltipOffset;

                var b = grid.bottom + c.tooltipOffset;

                elem.css({right:a, bottom:b});

                break;

            case 's':

                var a = (grid.left + (plot._plotDimensions.width - grid.right))/2 - elem.outerWidth(true)/2;

                var b = grid.bottom + c.tooltipOffset;

                elem.css({left:a, bottom:b});

                break;

            case 'sw':

                var a = grid.left + c.tooltipOffset;

                var b = grid.bottom + c.tooltipOffset;

                elem.css({left:a, bottom:b});

                break;

            case 'w':

                var a = grid.left + c.tooltipOffset;

                var b = (grid.top + (plot._plotDimensions.height - grid.bottom))/2 - elem.outerHeight(true)/2;

                elem.css({left:a, top:b});

                break;

            default:  // same as 'se'

                var a = grid.right - c.tooltipOffset;

                var b = grid.bottom + c.tooltipOffset;

                elem.css({right:a, bottom:b});

                break;

        }

        elem = null;

    }

    function handleClick (ev, gridpos, datapos, neighbor, plot) {

        ev.preventDefault();

        ev.stopImmediatePropagation();

        var c = plot.plugins.cursor;

        if (c.clickReset) {

            c.resetZoom(plot, c);

        }

        var sel = window.getSelection;

        if (document.selection && document.selection.empty)

        {

            document.selection.empty();

        }

        else if (sel && !sel().isCollapsed) {

            sel().collapse();

        }

        return false;

    }

    function handleDblClick (ev, gridpos, datapos, neighbor, plot) {

        ev.preventDefault();

        ev.stopImmediatePropagation();

        var c = plot.plugins.cursor;

        if (c.dblClickReset) {

            c.resetZoom(plot, c);

        }

        var sel = window.getSelection;

        if (document.selection && document.selection.empty)

        {

            document.selection.empty();

        }

        else if (sel && !sel().isCollapsed) {

            sel().collapse();

        }

        return false;

    }

    function handleMouseLeave(ev, gridpos, datapos, neighbor, plot) {

        var c = plot.plugins.cursor;

        c.onGrid = false;

        if (c.show) {

            $(ev.target).css('cursor', c.previousCursor);

            if (c.showTooltip && !(c._zoom.zooming && c.showTooltipOutsideZoom && !c.constrainOutsideZoom)) {

                c._tooltipElem.empty();

                c._tooltipElem.hide();

            }

            if (c.zoom) {

                c._zoom.gridpos = gridpos;

                c._zoom.datapos = datapos;

            }

            if (c.showVerticalLine || c.showHorizontalLine) {

                var ctx = c.cursorCanvas._ctx;

                ctx.clearRect(0,0,ctx.canvas.width, ctx.canvas.height);

                ctx = null;

            }

            if (c.showCursorLegend) {

                var cells = $(plot.targetId + ' td.jqplot-cursor-legend-label');

                for (var i=0; i<cells.length; i++) {

                    var idx = $(cells[i]).data('seriesIndex');

                    var series = plot.series[idx];

                    var label = series.label.toString();

                    if (plot.legend.escapeHtml) {

                        $(cells[i]).text($.jqplot.sprintf(c.cursorLegendFormatString, label, undefined, undefined));

                    }

                    else {

                        $(cells[i]).html($.jqplot.sprintf(c.cursorLegendFormatString, label, undefined, undefined));

                    }

                }

            }

        }

    }

    function handleMouseEnter(ev, gridpos, datapos, neighbor, plot) {

        var c = plot.plugins.cursor;

        c.onGrid = true;

        if (c.show) {

            c.previousCursor = ev.target.style.cursor;

            ev.target.style.cursor = c.style;

            if (c.showTooltip) {

                updateTooltip(gridpos, datapos, plot);

                if (c.followMouse) {

                    moveTooltip(gridpos, plot);

                }

                else {

                    positionTooltip(plot);

                }

                c._tooltipElem.show();

            }

            if (c.showVerticalLine || c.showHorizontalLine) {

                moveLine(gridpos, plot);

            }

        }

    }

    function handleMouseMove(ev, gridpos, datapos, neighbor, plot) {

        var c = plot.plugins.cursor;

        if (c.show) {

            if (c.showTooltip) {

                updateTooltip(gridpos, datapos, plot);

                if (c.followMouse) {

                    moveTooltip(gridpos, plot);

                }

            }

            if (c.showVerticalLine || c.showHorizontalLine) {

                moveLine(gridpos, plot);

            }

        }

    }

    function getEventPosition(ev) {

        var plot = ev.data.plot;

        var go = plot.eventCanvas._elem.offset();

        var gridPos = {x:ev.pageX - go.left, y:ev.pageY - go.top};

        //////

        // TO DO: handle yMidAxis

        //////

        var dataPos = {xaxis:null, yaxis:null, x2axis:null, y2axis:null, y3axis:null, y4axis:null, y5axis:null, y6axis:null, y7axis:null, y8axis:null, y9axis:null, yMidAxis:null};

        var an = ['xaxis', 'yaxis', 'x2axis', 'y2axis', 'y3axis', 'y4axis', 'y5axis', 'y6axis', 'y7axis', 'y8axis', 'y9axis', 'yMidAxis'];

        var ax = plot.axes;

        var n, axis;

        for (n=11; n>0; n--) {

            axis = an[n-1];

            if (ax[axis].show) {

                dataPos[axis] = ax[axis].series_p2u(gridPos[axis.charAt(0)]);

            }

        }

        return {offsets:go, gridPos:gridPos, dataPos:dataPos};

    }

    function handleZoomMove(ev) {

        var plot = ev.data.plot;

        var c = plot.plugins.cursor;

        // don't do anything if not on grid.

        if (c.show && c.zoom && c._zoom.started && !c.zoomTarget) {

            ev.preventDefault();

            var ctx = c.zoomCanvas._ctx;

            var positions = getEventPosition(ev);

            var gridpos = positions.gridPos;

            var datapos = positions.dataPos;

            c._zoom.gridpos = gridpos;

            c._zoom.datapos = datapos;

            c._zoom.zooming = true;

            var xpos = gridpos.x;

            var ypos = gridpos.y;

            var height = ctx.canvas.height;

            var width = ctx.canvas.width;

            if (c.showTooltip && !c.onGrid && c.showTooltipOutsideZoom) {

                updateTooltip(gridpos, datapos, plot);

                if (c.followMouse) {

                    moveTooltip(gridpos, plot);

                }

            }

            if (c.constrainZoomTo == 'x') {

                c._zoom.end = [xpos, height];

            }

            else if (c.constrainZoomTo == 'y') {

                c._zoom.end = [width, ypos];

            }

            else {

                c._zoom.end = [xpos, ypos];

            }

            var sel = window.getSelection;

            if (document.selection && document.selection.empty)

            {

                document.selection.empty();

            }

            else if (sel && !sel().isCollapsed) {

                sel().collapse();

            }

            drawZoomBox.call(c);

            ctx = null;

        }

    }

    function handleMouseDown(ev, gridpos, datapos, neighbor, plot) {

        var c = plot.plugins.cursor;

        if(plot.plugins.mobile){

            $(document).one('vmouseup.jqplot_cursor', {plot:plot}, handleMouseUp);

        } else {

            $(document).one('mouseup.jqplot_cursor', {plot:plot}, handleMouseUp);

        }

        var axes = plot.axes;

        if (document.onselectstart != undefined) {

            c._oldHandlers.onselectstart = document.onselectstart;

            document.onselectstart = function () { return false; };

        }

        if (document.ondrag != undefined) {

            c._oldHandlers.ondrag = document.ondrag;

            document.ondrag = function () { return false; };

        }

        if (document.onmousedown != undefined) {

            c._oldHandlers.onmousedown = document.onmousedown;

            document.onmousedown = function () { return false; };

        }

        if (c.zoom) {

            if (!c.zoomProxy) {

                var ctx = c.zoomCanvas._ctx;

                ctx.clearRect(0,0,ctx.canvas.width, ctx.canvas.height);

                ctx = null;

            }

            if (c.constrainZoomTo == 'x') {

                c._zoom.start = [gridpos.x, 0];

            }

            else if (c.constrainZoomTo == 'y') {

                c._zoom.start = [0, gridpos.y];

            }

            else {

                c._zoom.start = [gridpos.x, gridpos.y];

            }

            c._zoom.started = true;

            for (var ax in datapos) {

                // get zoom starting position.

                c._zoom.axes.start[ax] = datapos[ax];

            }

           if(plot.plugins.mobile){

                $(document).bind('vmousemove.jqplotCursor', {plot:plot}, handleZoomMove);

            } else {

                $(document).bind('mousemove.jqplotCursor', {plot:plot}, handleZoomMove);

            }

        }

    }

    function handleMouseUp(ev) {

        var plot = ev.data.plot;

        var c = plot.plugins.cursor;

        if (c.zoom && c._zoom.zooming && !c.zoomTarget) {

            var xpos = c._zoom.gridpos.x;

            var ypos = c._zoom.gridpos.y;

            var datapos = c._zoom.datapos;

            var height = c.zoomCanvas._ctx.canvas.height;

            var width = c.zoomCanvas._ctx.canvas.width;

            var axes = plot.axes;

            if (c.constrainOutsideZoom && !c.onGrid) {

                if (xpos < 0) { xpos = 0; }

                else if (xpos > width) { xpos = width; }

                if (ypos < 0) { ypos = 0; }

                else if (ypos > height) { ypos = height; }

                for (var axis in datapos) {

                    if (datapos[axis]) {

                        if (axis.charAt(0) == 'x') {

                            datapos[axis] = axes[axis].series_p2u(xpos);

                        }

                        else {

                            datapos[axis] = axes[axis].series_p2u(ypos);

                        }

                    }

                }

            }

            if (c.constrainZoomTo == 'x') {

                ypos = height;

            }

            else if (c.constrainZoomTo == 'y') {

                xpos = width;

            }

            c._zoom.end = [xpos, ypos];

            c._zoom.gridpos = {x:xpos, y:ypos};

            c.doZoom(c._zoom.gridpos, datapos, plot, c);

        }

        c._zoom.started = false;

        c._zoom.zooming = false;

        $(document).unbind('mousemove.jqplotCursor', handleZoomMove);

        if (document.onselectstart != undefined && c._oldHandlers.onselectstart != null){

            document.onselectstart = c._oldHandlers.onselectstart;

            c._oldHandlers.onselectstart = null;

        }

        if (document.ondrag != undefined && c._oldHandlers.ondrag != null){

            document.ondrag = c._oldHandlers.ondrag;

            c._oldHandlers.ondrag = null;

        }