一些Raphael标签没有出现在Linechart Mouseover上
Some Raphael tags are not appearing on Linechart Mouseover
如图所示;第13个标签(Raphael语言中的标签)不会出现在它们各自图形点的鼠标悬停上(至少不在可视区域中)。你加的分数越多,问题就越严重。有人知道问题出在哪里吗?
var r = Raphael("holder"),
txtattr = {
font: "12px sans-serif"
};
r.text(65, 25, "Basis Points").attr(txtattr);
lines = r.linechart(100, 40, 600, 260, [
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13]
], [
[12, 32, 23, 15, 17, 27, 22, 12, 32, 23, 15, 17, 27]
],
{
nostroke: false,
axis: "0 0 1 1",
symbol: "circle",
smooth: true
}).hoverColumn(function ()
{
this.tags = r.set();
for (var i = 0, ii = this.y.length; i < ii; i++)
{
this.tags.push(
r.tag(this.x, this.y[i], this.values[i], 160, 10).insertBefore(this)
.attr([
{
fill: "#fff"
},
{
fill: this.symbols[i].attr("fill")
}]));
}
}, function ()
{
this.tags && this.tags.remove();
});
lines.symbols.attr(
{
r: 3
});
r.width = 650;
jsfiddle
问题是由于悬停列宽计算正确,代码修复在下面的错误报告中描述:
折线图列宽错误
相关文章:
- 音频控件在mouseover上显示,在mouseout上淡出
- Gridview ImageButton更改mouseover和mouseout上的图像
- mouseOver上的隐藏图像问题
- Javascript将aruggments传递给mouseover函数
- mouseover和mouseleave文本颜色更改在指令链接中不起作用
- jQuery与导航菜单上的mouseover事件冲突.
- 使用mouseover方法时无法保护svg的颜色
- 有没有办法将mouseOver上的个人文本添加到完整日历中
- 在mouseover上添加边框,在mouseout上删除边框
- Mouseover和Mouseout的行为没有达到预期
- 如何降低JavaScript中Mouseover函数的资源密集度
- Fancybox:让它在mouseover/mouseout上工作
- 从匿名函数调用mouseover函数时失去作用域
- Javascript onClick and mouseOver function
- Mouseover event with Bodymovin JS
- 为什么mouseover只适用于第一行
- DOM:如何根据迭代器值设置元素宽度并在mouseover上调用函数
- 一些Raphael标签没有出现在Linechart Mouseover上
- 关闭mouseover上的一个函数——Javascript,jQuery
- Mouseover Ajax not working