Bug in rendering of dates

[anber500]

We have a version of highstock with a patch applied as suggested here:
#1651 (comment)

As seen on the images, the dates does not match the dates on the navigator. I assume it's a bug within highstock. We are starting our final TC soon and would like this bug fixed as the client has already indicated that he won't be signing off on it :(

[TorsteinHonsi]

Live demo please?

[anber500]

After a lot of struggling, I were able to reproduce the defect. The problem comes in when you combine "scatter" and area charts.

Here is a lovely fiddle to showcase the problem:
http://jsfiddle.net/sy8dE/

The reason we used a "scatter" was because someone suggested it to us because we were having a problem with something. I can't remember the reason but I'm cautious to change it.

If you don't use scatter data, everything works as expected. I do feel like Highstock should either deal with the use of scatters and area charts or prevent you from using them altogether.

[anber500]

OK, I figured out why I needed scatter points as markers. I need to add custom member variables to each point. Only by clicking on a scatter point can I retrieve these values. Using anything else doesn't yield the same result.

It seems like I'll need to use scatter and area charts together so this bug is very much an issue.

[TorsteinHonsi]

It seems like a bug allright. The data for the scatter isn't properly cropped, so the point is left visible and considered when laying out the ordinal axis. Before we dive into creating a fix for this, did you consider using a line series without a line, and with data grouping disabled? http://jsfiddle.net/highcharts/sy8dE/11/

[anber500]

As far as I can tell, the same problems exist if follow your advice.
Another problem crops up if I use a “line” series:

Make sure there are a few markers on the graph and that the lineWidth is 0. (see example in the top image)
As you move your mouse over the points, the cursor no longer follows the points but jump from marker to marker.
It’s like the graph is covered by an invisible chart that intercepts the mouse overs.

I have tried a few solutions but it seems like "scatter" points are the only thing that's going to work for us.

We are launching an internal beta release on Friday so we are cutting it close. This is the only defect I have left and it would be cool if we can have a priority on the defect.

[TorsteinHonsi]

"It’s like the graph is covered by an invisible chart that intercepts the mouse overs."
That's exactly what happens. We'll work on a fix.

[TorsteinHonsi]

Simplified demo: http://jsfiddle.net/highcharts/QYeFu/

The scatter point is at January 1st 2013, while the axis max is January 1st 2012.

[anber500]

The patch worked. Thanks.