1

我有一个用 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();
})

重申一下：我怎样才能知道我点击了哪个标记/标签（单独）

4

0 回答 0