user3668797
user3668797

Reputation: 41

HighCharts Rendering Issue In Chrome

I have developed a website that makes heavy use of HighCharts. It has been working perfectly for almost a year, but a month or two ago I have noticed a rendering issue in Chrome.

The canvases where the graphs are to be drawn remain blank and fractions of the graph pop up on mouse over. This does not happen in Firefox, and it did not happen in Chrome until a month or two back. I have not made any changes to the source code at all and all JavaScript libraries that I use have a local copy.

I have tried updating the HighCharts version but the problem did not go away. It seems the issue only happens in pages where I draw more than one graph.

Here is an example: http://dmir.inesc-id.pt/popstar-dev/sentimento.php?lang=EN

Any help would be much appreciated!

Upvotes: 4

Views: 2132

Answers (1)

Manny Kruz
Manny Kruz

Reputation: 41

add this in your css to force hardware acceleration where your calling the chart in your html

-webkit-backface-visibility: hidden;

Is a chrome ver 37 issue.

"Layer squashing Issues"

Upvotes: 4

Related Questions