Some Raphael tags Not appearing on Linechart Mouseover

[ghost]

jsfiddle - http://jsfiddle.net/QrSWz/2/

As can be seen, the 2nd,10th & 13th labels (tags in Raphael language) do not appear on mouseover of their respective graph points (at least not in the viewable area). The problem gets worse (ie more missing tags) when you add more points. Anyone know what the issue might be?

[markdwhitehouse]

I accidentally posted this on the raphael bug list and not here, so i'll post again. Ran into the same issue yesterday with the linechart, so decided to find a fix.... The issue is that the hover column widths computed incorrectly.

The index ordering of Xs and Xs2 in the createColumn method is important for properly computing column widths. With Xs.length > 10, you get into this situation:

[0, 1, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 2, 3, 4, 5, 6, 7, 8, 9]

which leads to width values like the following (printing w from line 203):

w = 16.315789473684212
w = 113.15789473684211
w = 113.15789473684208
w = 22.63157894736841
w = 22.63157894736844
w = 22.63157894736844
w = 22.63157894736841
w = 22.63157894736841
w = 22.63157894736844
w = 22.63157894736841
w = 22.63157894736841
w = -181.05263157894734
w = -181.05263157894734
w = 22.631578947368425
w = 22.631578947368425
w = 22.63157894736841
w = 22.631578947368425
w = 22.631578947368425
w = 22.63157894736841
w = 129.4736842105263

You need to do a comparison sort. One fix is to change:

line 185 -> Xs.sort(function(a,b){return a - b});
line 195 -> Xs = Xs2.sort(function(a,b){return a - b});

After updating those lines, I get nice values again:

16.315789473684212
22.631578947368425
22.631578947368418
22.631578947368425
22.631578947368425
22.63157894736841
22.631578947368425
22.631578947368425
22.63157894736841
22.631578947368425
22.63157894736841
22.63157894736841
22.63157894736844
22.63157894736844
22.63157894736841
22.63157894736841
22.63157894736844
22.63157894736841
22.63157894736841
16.31578947368422