Question

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

我观察到的大数据集＆gt; 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();

这是我遇到的一个演示。 http://jsfiddle.net/vpGyL/1428/

Answer 1

问题是每个符号的半径仅基于图中的下一个绘制点计算。如果数据不是线性的或具有多个系列，则圆圈可能变得非常大并且掩盖其他符号。这可以通过

进行调整

this.attr({r:6})

在悬停功能中。

http://jsfiddle.net/vpGyL/1430/

为什么gRaphael使用看似随机的圈子来悬停听众？

1 个答案: