Wrong Hover/Highlight(Selection) on Charts

[dragoshzava]

Description

This happens when hovering over last serie, highcharts selects wrong points.

Expected behaviour

Highcharts should select an entire column with all points.

Actual behaviour

Highcharts selects points from different columns

Live demo with steps to reproduce

http://jsfiddle.net/Resems/m23omt3r/1/

Image attached, hovering last Column, lowest points, selects nearby Column, so the end result is awkward, selection is : 3 point from 7 jan, and other points from 8 jan.

[PedroSolintel]

Same error happens here, with an additional bug: not only the hovering goes wrong, but the highlighting too. See http://jsfiddle.net/c0fbL8vb/

How to reproduce the highlighting bug:

1. Put the mouse over 'Jan' category.
2. Jun's orange column will highlight.

How to reproduce the wrong hovering bug:

1. Slowly move your mouse back and forth over the base of the columns.
2. You'll notice strange behaviors on every category except for Dec.

[PedroSolintel]

Same error happens here, with an additional bug: not only the hovering goes wrong, but the highlighting too. See http://jsfiddle.net/c0fbL8vb/

How to reproduce the highlighting bug:

1. Put the mouse over 'Jan' category.
2. Jun's orange column will highlight.

How to reproduce the wrong hovering bug:

1. Slowly move your mouse back and forth over the base of the columns.
2. You'll notice strange behaviors on every category except for Dec.

[pawelfus]

Thank you for reporting this issue. It's a regression, in 5.0.10 examples work fine:

• http://jsfiddle.net/m23omt3r/2/
• http://jsfiddle.net/c0fbL8vb/1/

Regression from 13cfbe1 commit.

[pawelfus]

Thank you for reporting this issue. It's a regression, in 5.0.10 examples work fine:

• http://jsfiddle.net/m23omt3r/2/
• http://jsfiddle.net/c0fbL8vb/1/

Regression from 13cfbe1 commit.

[dragoshzava]

Hey, unfortunately with 5.0.10 i could still repro
http://jsfiddle.net/m23omt3r/3/

in this attached picture, the hover is over living room column, but the info is displayed from kitchen.
you can repro by moving the mouse from under the living room column.

But with 5.0.9 works, attached fiddle.
http://jsfiddle.net/m23omt3r/4/

[dragoshzava]

Hey, unfortunately with 5.0.10 i could still repro
http://jsfiddle.net/m23omt3r/3/

in this attached picture, the hover is over living room column, but the info is displayed from kitchen.
you can repro by moving the mouse from under the living room column.

But with 5.0.9 works, attached fiddle.
http://jsfiddle.net/m23omt3r/4/

[PedroSolintel]

At first I thought that the bug persisted, because I regressed my highcharts.js to v5.0.10 and was still facing the same issues. It turned out that I was supposed to update every module as well (modules were a little bit outdated). Changed everything to version 5.0.10 and then everything started to work fine.

So for other people who might have the same problem: you should upgrade (or downgrade) every module as well, otherwise the bug will remain there.

Thanks for the help!

[PedroSolintel]

At first I thought that the bug persisted, because I regressed my highcharts.js to v5.0.10 and was still facing the same issues. It turned out that I was supposed to update every module as well (modules were a little bit outdated). Changed everything to version 5.0.10 and then everything started to work fine.

So for other people who might have the same problem: you should upgrade (or downgrade) every module as well, otherwise the bug will remain there.

Thanks for the help!

[TorsteinHonsi]

@jon-a-nygaard This needs priority.

[TorsteinHonsi]

@jon-a-nygaard This needs priority.

[jon-a-nygaard]

@TorsteinHonsi Yes, currently working on it. Not yet found the cause of problem.

[jon-a-nygaard]

@TorsteinHonsi Yes, currently working on it. Not yet found the cause of problem.

[jon-a-nygaard]

Internal Note: Simplified demo

[jon-a-nygaard]

Internal Note: Simplified demo

[jon-a-nygaard]

Potential workaround
Here's an example of a potential workaround. Unfortunately it is not very compact, so I will see if there an better alternative.

Update
Slightly improved workaround

[jon-a-nygaard]

Potential workaround
Here's an example of a potential workaround. Unfortunately it is not very compact, so I will see if there an better alternative.

Update
Slightly improved workaround

[MiroLiska]

Something is completely wrong now. I must hover with the mouse directly over the data point. Before, I could hover with the mouse anywhere over the data point, the tooltip would come. See
http://jsfiddle.net/cjsnxj4x/2/

versus http://jsfiddle.net/cjsnxj4x/3/ (version 4.2.3)

[MiroLiska]

Something is completely wrong now. I must hover with the mouse directly over the data point. Before, I could hover with the mouse anywhere over the data point, the tooltip would come. See
http://jsfiddle.net/cjsnxj4x/2/

versus http://jsfiddle.net/cjsnxj4x/3/ (version 4.2.3)

[MiroLiska]

Another bug found - with scatter charts using shared tooltips. See http://jsfiddle.net/773sz6Lv/1/ - move the mouse over the blue part of the point 1269 - the shared tooltip from market value does not appear.

And now move the mouse up - the shared tooltip will eventually appear:

[MiroLiska]

Another bug found - with scatter charts using shared tooltips. See http://jsfiddle.net/773sz6Lv/1/ - move the mouse over the blue part of the point 1269 - the shared tooltip from market value does not appear.

And now move the mouse up - the shared tooltip will eventually appear:

[MiroLiska]

Just tested the issue above with freshly released 5.0.12 - it still persists :(
http://jsfiddle.net/773sz6Lv/2/

[MiroLiska]

Just tested the issue above with freshly released 5.0.12 - it still persists :(
http://jsfiddle.net/773sz6Lv/2/

[sebastianbochan]

@jon-a-nygaard Could you verify it?

[sebastianbochan]

@jon-a-nygaard Could you verify it?

[jon-a-nygaard]

Not certain what excactly is causing that issue, currently looking into it.

[jon-a-nygaard]

Not certain what excactly is causing that issue, currently looking into it.

[jon-a-nygaard]

The last issue is a similar but a different one from the original one in this topic. I will likely create a new issue to seperate these.

Explanation

Caused by some series having the closest point to the mouse pointer on a different x value than the hovered point. Resulting in a filter removing these points, and too few points are passed to the tooltip.

Potential Workaround

http://jsfiddle.net/jon_a_nygaard/773sz6Lv/3/

[jon-a-nygaard]

The last issue is a similar but a different one from the original one in this topic. I will likely create a new issue to seperate these.

Explanation

Caused by some series having the closest point to the mouse pointer on a different x value than the hovered point. Resulting in a filter removing these points, and too few points are passed to the tooltip.

Potential Workaround

http://jsfiddle.net/jon_a_nygaard/773sz6Lv/3/

[MiroLiska]

Hi. The issue is not a show-stopper, take your time.

[MiroLiska]

Hi. The issue is not a show-stopper, take your time.