2011-04-14 57 views
1

我已經修改我的jQuery.flot.jsflot.pie.js了一下,讓我的餡餅畫布鼠標離開的效果。jQuery的海軍報鼠標離開不適合我的工作

在行585 flot.pie.js

function onMouseMove(e) { 
    triggerClickHoverEvent('plothover', e); 
} 

function onMouseLeave(e) { 
    triggerClickHoverEvent('plotleave', e); 
} 

function onClick(e) { 
    triggerClickHoverEvent('plotclick', e); 
} 

在行127個flot.pie.js

if (options.series.pie.show && options.grid.hoverable) { 
    eventHolder.unbind('mousemove').mousemove(onMouseMove); 
    eventHolder.unbind('mouseleave').mouseleave(onMouseLeave); 
} 
在我的JavaScript

mysite.html

$("#graph1").bind("plothover", pieHover); 
$("#graph1").bind("plotleave", pieLeave); 
$("#graph1").bind("plotclick", pieClick); 

功能mysite.html

function pieHover(event, pos, obj) { 
    if (!obj) return; 
    var what = obj.series.name; 
    $("a[name=" + what + "]").addClass("hover"); 
    $("#world #" + what + " path", svg.root()).attr("fill", "url(#orange)"); 
    $("#world #" + what + " path.water", svg.root()).attr("fill", "#92D7E7"); 
} 

function pieLeave(event, pos, obj) { 
    if (!obj) return; 
    var what = obj.series.name; 
    $("a[name=" + what + "]").removeClass("hover"); 
    $("#world #" + what + " path", svg.root()).attr("fill", "#68CDF2"); 
    $("#world #" + what + " path.water", svg.root()).attr("fill", "#B9E4EE"); 
} 

function pieClick(event, pos, obj) { 
    if (!obj) return; 
    percent = parseFloat(obj.series.percent).toFixed(2); 
    alert('' + obj.series.label + ': ' + percent + '%'); 
} 

我pieLeave功能被完全忽略。問題是什麼?謝謝您的幫助。
更多信息:flot example

+0

什麼是海軍報要做到這一點的唯一方法根本無法使用鼠標離開的情節?你能通過一個鏈接或演示它應該如何工作?你應該真的在縮進 – Val 2011-04-14 13:45:17

+0

[例如flot](http://people.iola.dk/olau/flot/examples/):) – 2011-04-15 08:26:19

+0

,實際上[flot.pie.js workin demo](http: //people.iola.dk/olau/flot/examples/pie.html) – 2011-04-15 08:27:32

回答

2

好的,發生了。您由於該地塊是整個畫布容器,如果結合一切鼠標移動和檢查對象的NA

function pieHover(event, pos, obj) 
    { 
    if (!obj) { // if no object (move out of the plot, clear everything) 
    $("a").removeClass("hover"); 
    $("#world g path", svg.root()).attr("fill", "#68CDF2"); 
    $("#world g path.water", svg.root()).attr("fill", "#B9E4EE"); 
    //  return; 
    } 
    else { // clear everything, do something. 
    what = obj.series.name; 
    $("a").removeClass("hover"); 
    $("#world g path", svg.root()).attr("fill", "#68CDF2"); 
    $("#world g path.water", svg.root()).attr("fill", "#B9E4EE"); 
    $("a[name="+what+"]").addClass("hover"); 
    $("#world #"+what+" path", svg.root()).attr("fill", "url(#orange)"); 
    $("#world #"+what+" path.water", svg.root()).attr("fill", "#92D7E7"); 
    } 
}