wrong rendering and hover events missed when having a point and a line graph on the same page

[GoogleCodeExporter]

I have two plots on the same page: a hoverable point plot on the top and a bar 
plot on the bottom: http://otslinux.dyndns.org/hover-bug.html

When I have both of the plots on the same page there are two problems:
* The legend of the bar plot gets rendered in a wrong location.
* Top left points of the point plot do not get highlighted when the mouse 
hovers over them.

When I comment out the bar plot the point plot behaves correctly, that is, any 
point can be hovered over and it gets highlighted.

Any clues?

Original issue reported on code.google.com by maxim.ye...@gmail.com on 5 May 2011 at 8:27

Attachments:

• hover-bug.html

[GoogleCodeExporter]

Digging more into this, the attached pictures show base and overlay canvases 
for the second plot. The overlay canvas is rendered at a wrong position...

Original comment by maxim.ye...@gmail.com on 5 May 2011 at 9:26

Attachments:

• base-canvas.JPG
• overlay-canvas.JPG

[GoogleCodeExporter]

Figured how to fix that. The bar plot was in a <td> element. I put an extra 
<div> element in that <td> and the overlay now positions correctly.

Original comment by maxim.ye...@gmail.com on 5 May 2011 at 9:38

[GoogleCodeExporter]

Could you close this issue please.

Original comment by maxim.ye...@gmail.com on 6 May 2011 at 1:26

[GoogleCodeExporter]

Okay. The DOM is a bit weird sometimes, that's why I use the div in the 
examples and warn against fancy CSS stuff in the README.

Original comment by olau%iol...@gtempaccount.com on 9 May 2011 at 2:42

• Changed state: Done

[GoogleCodeExporter]

Original comment by dnsch...@gmail.com on 4 Jun 2012 at 2:52