Raphael.js标记和点击事件

Question

我在gRaphael.js中制作了一个图表，其中包含3个不同的图表，每个图表都有自己的标签

我使用hoverColumn方法显示3个图上每个标签的数据。当我点击其中一个标签时，我想显示额外的信息。

我想知道是否可以为每个标记添加id，或者是否有任何方法可以向标记添加事件监听器，这样我就可以更轻松地识别事件并知道我要显示的内容。

如果我使用点击方法图表变得疯狂，我的所有标签都会变大和变黑并且一切都停止工作

这是我的一小段代码。我删除了一些我认为不重要的部分。

var lines = r.linechart(50, 10, 800, 700, xaxis, yaxisarray, options).hoverColumn(function () {
    this.tags = r.set();

    for (var i = 0, ii = this.y.length; i < ii; i++) {
                    // create the tag
        this.tags.push(r.tag(this.x, this.y[i], this.values[i] + ' ms', 0, 8).insertBefore(this));
    }
}, function () {
    this.tags && this.tags.remove();
})

重申：我怎样才能分辨出我单击的标记/标记