Has anyone faced the next issue in Google Chrome:
- a web page contains some Highcharts
- click Print option on one of the charts
- after closing Print dialog, the charts are not visible (it is needed to redraw the charts)
It is noticed only first time when run the web app. After that, everything works fine.
Temporary solution (hack):
- from exporting.js call redraw charts after printing
The problem seems to be that when an SVG element is appended onto the DOM in Chrome, the sizing/layout is interfered with. I noticed the height and width attributes of different sub-nodes on the SVG node were changed when compared before and after. I tried to figure out a way to programmatically fix this, but triggering the manual refresh with the button clicks ended up being much easier.
Any experiences, solutions?
Thanks
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Has anyone faced the next issue in Google Chrome:
- a web page contains some Highcharts
- click Print option on one of the charts
- after closing Print dialog, the charts are not visible (it is needed to redraw the charts)
It is noticed only first time when run the web app. After that, everything works fine.
Temporary solution (hack):
- from exporting.js call redraw charts after printing
The problem seems to be that when an SVG element is appended onto the DOM in Chrome, the sizing/layout is interfered with. I noticed the height and width attributes of different sub-nodes on the SVG node were changed when compared before and after. I tried to figure out a way to programmatically fix this, but triggering the manual refresh with the button clicks ended up being much easier.
Any experiences, solutions?
Thanks