Tooltip appears under mouse and closes immediately

[Robin KluthMember]

Hi, again:)

I have a problem with the jqxChart Tooltip:

If I hover a column, the toolip appears – but under the mouse, like this:

This is very annoying…

The tooltip does not appear if the series have showLabels activated and I hover the Label 🙁

The HideDelay does not working, too. If I move the mouse, the tooltip closes immediately.

Can someone give me information about that?

Thanks!

[Peter StoevKeymaster]

Hi Robin Kluth,

Tooltip is automatically hidden when you move the mouse out of the column or click a mouse button. Tooltip is also automatically hidden after a delay specified by the toolTipHideDelay property. There’s no property called HideDelay in jqxChart. If you experience an issue on your side with the Chart’s tooltips, please send us a sample which will allow us to test your scenario. I also prepared a working sample for you: http://jsfiddle.net/jqwidgets/dScZf/

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Robin KluthMember]

Thanks for your reply.

Ive figured it out:

I using the YAML Framework 4.x and its typography.css defines the following rule:

table {
width:100%;
border-collapse:collapse;
margin: 1.3571em 0 0 0;
color:#333;
border-top: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}

The margin was the source of this issue 🙂

To workaround, simply edit the central.css like this (after all the @import’s):

#jqxChart table {
margin: 0;
}

[Author]

Posts