1
我已經修改我的jQuery.flot.js和flot.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
什麼是海軍報要做到這一點的唯一方法根本無法使用鼠標離開的情節?你能通過一個鏈接或演示它應該如何工作?你應該真的在縮進 – Val 2011-04-14 13:45:17
[例如flot](http://people.iola.dk/olau/flot/examples/):) – 2011-04-15 08:26:19
,實際上[flot.pie.js workin demo](http: //people.iola.dk/olau/flot/examples/pie.html) – 2011-04-15 08:27:32