Javascript 向Morris图表添加Html事件或注释

Javascript 向Morris图表添加Html事件或注释,javascript,jquery,charts,html5-canvas,morris.js,Javascript,Jquery,Charts,Html5 Canvas,Morris.js,这是Morris图表中事件使用的示例,现在我想在Event.eg中使用Html(在Event中使用img标记) 这是为事件选项添加的Js代码: // inject name-drawing var originalDrawEvent = Morris.Grid.prototype.drawEvent; Morris.Grid.prototype.gridDefaults.eventTextSize = 12; Morris.Grid.prototype.drawEvent

这是Morris图表中事件使用的示例,现在我想在Event.eg中使用Html(在Event中使用img标记)

这是为事件选项添加的Js代码:

// inject name-drawing
    var originalDrawEvent = Morris.Grid.prototype.drawEvent;
    Morris.Grid.prototype.gridDefaults.eventTextSize = 12;
    Morris.Grid.prototype.drawEvent = function(event, color) {
        originalDrawEvent.apply(this, arguments);

        var idx = $.inArray(event, this.events);
        if(!this.options.eventLabels || !this.options.eventLabels[idx])
            return;

        this.raphael.text(this.transX(event),this.top - this.options.eventTextSize, this.options.eventLabels[idx]).attr('stroke', color).attr('font-size', this.options.eventTextSize);
    }

如何将Html添加到事件中,例如,我想为事件添加图像,当我将其悬停时,将显示信息的工具提示。


谢谢