PDA

View Full Version : Charts fail to load on Chrome 43 with 4.2.1.883



mharris45
21 May 2015, 8:49 PM
If you are running the latest up to date Chrome 43 (Mac or PC) about 1 in 3 or 4 times, the charts will fail to load. This does not happen on Firefox or Safari. Resizing the browser window slightly will trigger the chart to render.

Here is a fiddle showing the bug

nbk

mitchellsimoens
22 May 2015, 5:09 AM
I'm kind of thinking this is a Chrome issue. If you inspect the DOM, all the DOM nodes for the chart is there, laid out correctly, styles are what they should be. Looking at the DOM by itself, there should be nothing preventing the chart to be shown.

mharris45
24 May 2015, 12:52 PM
Yea, I agree. I've been able to work around the issue by calling redraw() on afterrender (less than idea, as it acts very laggy when we have more than 5 charts on a screen. I've noticed the issue is not happening on ExtJS5, so I'm fast tracking my upgrade, but others may not have that luxury.

amitkmehra
3 Jun 2015, 3:38 AM
I am also getting same issue in chrome 43.0.2357.81 m and using extjs 4.2. Altough redaw() worked for me too but Does anybody has a concrete solution.

ElCondor1969
6 Jun 2015, 6:27 AM
Me too here.
I am getting same issue in chrome 43.0.2357.81m and using extjs 4.2.
Is there overrides like that Mitchell Simoens published in this forum for bypass this Chrome bug?

Bye.

Sergio.

ElCondor1969
10 Jun 2015, 7:12 AM
I opened a ticket in chromium bug tracker:

https://code.google.com/p/chromium/issues/detail?id=498285&q=SVG&sort=-modified&colspec=ID%20Pri%20M%20Week%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified

Sergio.

fabio.parra
12 Jun 2015, 6:31 AM
forcing chart element repaint does the trick



Ext.define('MyChart', {
extend : 'Ext.chart.Chart',
redraw : function(resize){
this.callParent([resize]);
if(Ext.isChrome){
//http://stackoverflow.com/questions/8840580/force-dom-redraw-refresh-on-chrome-mac
var dom = this.el.dom;
dom.style.display = 'none';
dom.style.display = 'block';
}
}
});