2012-07-29 20 views
1

可以看出,第13個標籤(Raphael語言中的標籤)不會出現在各自圖形點的鼠標懸停上(至少不在可見區域中)。當您添加更多點時,問題變得更糟(即更多缺少標籤)。任何人都知道這個問題可能是什麼?某些Raphael標籤未出現在線圖Mouseover上

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

回答