javascript - highcharts 覆盖 addEvent 函数

Question

在highcharts javascript file第 1126 行有一个函数 addEvent

/**
         * Add an event listener
         * @param {Object} el A HTML element or custom object
         * @param {String} event The event type
         * @param {Function} fn The event handler
         */
        addEvent: function (el, event, fn) {
            $(el).bind(event, fn);
        },

我想调用我的自定义函数而不是默认函数，同时我不想更改 highcharts.js。

我想通过外部函数赋值，有什么办法可以实现吗？？

我的新代码将是

addEvent: function (el, event, fn) {
    if(typeof(fn)=="string"){
        try {
            eval(fn); 
        } catch (e) {
        if (e instanceof SyntaxError) {
            console.log(e.message);
        }
        }

    }
    $(el).bind(event, fn);
}

Answer 1

不幸的是，我不知道为什么包装 addEvent 不起作用(虽然应该!)，但您可以覆盖或包装 point 的 importEvents 来做类似的事情(但仅限于 points):

(function (H) {
    H.wrap(H.Point.prototype, 'importEvents', function () {
        if (!this.hasImportedEvents) {
            var point = this,
                options = H.merge(point.series.options.point, point.options),
                events = options.events,
                eventType;

            point.events = events;

            for (eventType in events) {
                if (typeof events[eventType] == "string") {
                    try {
                        events[eventType] = eval(events[eventType]);
                    } catch (e) {
                        if (e instanceof SyntaxError) {
                            console.log(e.message);
                        }
                    }
                }
                H.addEvent(point, eventType, events[eventType]);
                this.hasImportedEvents = true;
            }
        }
    });
}(Highcharts));

演示:http://jsfiddle.net/cXS5u/