Issue with large heatmap chart using boost module

[tushar-gandhi]

Expected behaviour

When we upgraded to the High Chart 5.0.11 we have used the Boost module for rendering the large Heatmap chart. It should render the chart properly with the colors we provide.

Actual behaviour

The heatmap chart does not draw properly. It does not plot the expected colors on the chart. Added question for the same on the High chart forum https://forum.highcharts.com/highcharts-usage/canvas-solution-for-long-heatmap-chart-t38375/

Live demo with steps to reproduce

template: http://jsfiddle.net/d_paul/ozv1to3t/
In the mentioned JSFiddle. We are seeing the issue that color plotted for the points are not correct.
If you mouse over on the blue point value is 70.13 and shows high lighting correctly on the legend but on chart it has plotted in blue color.
It looks like the plotting color for the point is wrong.

Affected browser(s)

[pawelfus]

Color does plot correctly, but it looks like tooltip is rendered for a wrong point. In your screenshot you can see in tooltip: 70.13 -> so it's correct color, but wrong point. Short gif:

[tushar-gandhi]

Please check the following JS Fiddle which behaves correctly which has same code but only difference is boost module is not included. You can see clear difference in the color plotted on charts with respect to mentioned JS Fiddle in issue.
Withput Boost Module:- https://jsfiddle.net/tushar412/mvk4c6e1/1/.
Also mentioned JSFiddle in the ticket if you mouse over on the chart with blue line you can see the legands over is on different color. Legand color is correct but chart plotting color is wrong.

[cvasseng]

Internal note: The issue is with inverted heatmaps. When removing inverted, the boosted and non-boosted fiddles are identical. Guessing it's a translation error. Update: the boosted version is rotated 180 degrees/flipped when inverted.

[tushar-gandhi]

Is this scheduled for upcoming release? If yes, can you please share the same when this will be available.

[ray-boutotte]

We are also facing the same issue....do you have a fix we can apply before it is officially fixed? We have a release next week and this is a blocker for us due to performance of the chart, without the boost module it takes 2-3 times longer to render the chart.

[ff-cviradiya]

boost module is really making things faster. We are not able to include boost and take the performance benefit because of this issue. The fix for this would greatly help.

Please expedite this if possible.

[cvasseng]

This has now been fixed in the hc5-fixes branch (https://github.highcharts.com/hc5-fixes/modules/boost.js).

It will be merged into master for the next release, until then, you could copy the module from the hc5-fixes branch and use it that way.

[tushar-gandhi]

@TorsteinHonsi and @cvasseng
After updating the boost module code. This is not working in Chrome. We are getting
"Cannot create property 'moveTo' on boolean 'false'" JS error and due to that it does not render the chart.
Please Re-open this.

[cvasseng]

@ff-tushar: I'm not seeing any errors in Chrome 59.0.3071.115 on macos.

Are you getting the error in this fiddle too?

Could you paste the console log (or post a screenshot)?

[tushar-gandhi]

@cvasseng
After doing the investigation I have found that it does not work with the 5.0.12 version of High Chart.
Here is the JS Fiddle of for the same:- https://jsfiddle.net/tushar412/j10r66x8/3/
Do we have to upgrade to version 5.0.13?

[cvasseng]

An updated has been pushed to hc5-fixes now.

The fix will be included in 5.0.14 which is a hotfix release arriving later today.

[tushar-gandhi]

Let me try out.