jqplot jqueryplot常用事件以及事件函数返回的参数说明

jquery plot是一个非常好的画图插件，可以画各种各样的曲线图、饼状图、柱状图、走势图等等，但是对于刚刚认识还没有用过的亲们来说，使用起来也是一个很大的 问题。下面是小编整理的一些事件函数以及这个事件函数所犯回来的一些参数说明，弄懂了这些参数带回来的是一个什么样子的值对于我们画更复杂的图有很大的作 用，包括画一些带有动画效果的图，所以下面的是必须要知道的，亲们！

一、Jqplot 常用方法
myPlot.axes.xaxis.max;
myPlot.axes.yaxis.max;

myPlot.options;
myPlot.data;

二、Jqplot 事件函数
    /******************************* 数据点事件
    *第一、第几条线，第几个节点
    *alert(seriesIndex+"|"+pointIndex);
        
    *第二、当前点击的是谁
    *alert('第'+si+'条线  第'+pi+'个点');
    
    *第三、当前节点的坐标
    *alert('X:'+data[0]+' Y:'+data[1]);
    
    *第五、当前点距离页面左边和顶部的距离
    *alert('left:'+ev.pageX+'top:'+ev.pageY);
    **/
    
    //点击节点事件
    $("#myGraph").bind("jqplotDataClick", function(ev, si, pi, data) {
        
    });
    
    //右击节点事件
    $("#myGraph").bind("jqplotDataRightClick", function(ev, si, pi, data) {
        
    });

    //鼠标经过节点事件
    $("#myGraph").bind('jqplotDataMouseOver', function (ev, seriesIndex, pointIndex, data) { 
        
    })

    /********************************* 鼠标事件
    *第一、节点数据，如果不为空的话
    *alert('x:' + neighbor.data[0] + ' y:' + neighbor.data[1]);
        
    *第二、canvas对象ID
    *alert(plot.targetId);
    
    *第三、当前的坐标
    *alert('X:'+datapos.xaxis+' Y:'+datapos.yaxis);
    
    *第四、栅格x、y坐标
    *alert('gridX:'+gridpos.x+' gridY:'+gridpos.y);
    
    *第五、当前距离页面左边和顶部的距离
    *alert('left:'+ev.pageX+'top:'+ev.pageY);
    **/
    
        
     //鼠标移动事件
    $("#myGraph").bind('jqplotMouseMove', function (ev, gridpos, datapos, neighbor, plot) {
        
    })
    
    //鼠标点击事件
    $("#myGraph").bind("jqplotClick", function(ev, gridpos, datapos, neighbor, plot) {
        
    });
    
    //鼠标右键事件
    $("#myGraph").bind("jqplotRightClick", function(ev, gridpos, datapos, neighbor, plot) {
        
    });

    //鼠标按下事件
    $("#myGraph").bind("jqplotMouseDown", function(ev, gridpos, datapos, neighbor, plot) {
        
    });

    //鼠标抬起事件
    $("#myGraph").bind("jqplotMouseUp", function(ev, gridpos, datapos, neighbor, plot) {
        
    });