Question

I have been trying to sort out an issue with printing certain areas of a web app i am working on. The issue is with highcharts js which renders its bar charts as <rect ... />.

On calling the window.print() on load the print call acts just like the background image issue where the background image/colour always disappear. However, when i print the page from the browser menu its displaying as it should be. Any idea why it won’t print <rect /> ?

Answer 1

Might be a timing problem. Try something like

window.onload = function() {
    window.focus();
    window.print();
}