Graphael pie.js unhover事件丢失

时间:2011-12-11 01:56:50

标签: svg raphael pie-chart graphael

Graphael由于某些奇怪的原因没有发生任何徘徊事件。在pie.js中找到了这一块创建悬停事件的代码:

chart.hover = function (fin, fout) {
    fout = fout || function () {};

    var that = this;

    for (var i = 0; i < len; i++) {
        (function (sector, cover, j) {
            var o = {
                sector: sector,
                cover: cover,
                cx: cx,
                cy: cy,
                mx: sector.middle.x,
                my: sector.middle.y,
                mangle: sector.mangle,
                r: r,
                value: values[j],
                total: total,
                label: that.labels && that.labels[j]
            };
            cover.mouseover(function () {
                fin.call(o);
            }).mouseout(function () {
                fout.call(o);
            });
        })(series[i], covers[i], i);
    }
    return this;
};

unhover事件是Raphael JS是以下代码片段。使用这两个必须有一种方法来为Grapael饼图创建一个unhover。我很难受到任何帮助,因为我很难过!

elproto.unhover = function (f_in, f_out) {
    return this.unmouseover(f_in).unmouseout(f_out);
};

1 个答案:

答案 0 :(得分:0)

悬停事件有两个函数 - f_in和f_out

所以(使用我现在正在处理的例子)

pie.hover(
    // hover function
    function () {
        this.sector.stop();
        this.sector.scale(1.1, 1.1, this.cx, this.cy);
    },
    // un-hover function 
    function () {
        this.sector.scale(0.9, 0.9, this.cx, this.cy);
    }
);