Javascript 为什么gRaphael使用看似随机的圆圈作为悬停侦听器？

我一直试图创建一个图表来显示以前的数据，以便用户在输入数据时做出明智的决定。每个数据点都需要有一个标记（显示值的工具提示）以及一个单击侦听器来显示值

我在大于10个值的较大数据集上观察到，悬停和单击圆的半径很大，不允许鼠标查看每个单独的数据点

听众：

.hover(function () {
    this.tags = r.set();
    this.tags.push(r.tag(this.x, this.y, this.value, 0, 10).insertBefore(this).attr([{
    fill: "#FFF"
    }, {
    fill: this.symbol.attr("fill")
    }]
));

}, function () {
this.tags && this.tags.remove();
}).attr("stroke", "#000")

.click(function(){
alert("you clicked " + this.value);});
chrt.tags = r.set();

---

这是我遇到的一个演示

问题在于每个符号的半径仅基于图形中的下一个绘制点计算。如果数据不是线性的或有多个系列，圆圈可能会变得相当大并掩盖其他符号。这可以通过以下方式进行调整：

this.attr({r:6})

在悬停函数中