Issue first noticed in version 108.0.5359.94. Was working in version 107.0.5304.123.
To test make sure to first install yarn if not already in you local dev enviroment. Yarn install will automatically download the required packages. Use yarn serve
to run the project locally. Once app started navigate to http://localhost:8080/dist/ for the index page. You should see two charts and when you print the page it takes a minute or two but you will see that it has 600+ pages with all of them being blank except the first page.
Here is what happens with the chart. The chart renders on the page, then I add two event listeners (beforeprint, afterprint) to the canvas element. This then converts the canvas to a data URL and I append a image tag to the parent container of the canvas with the source set to the data URL. I set the canvas to display none. On the afterprint event listener I remove the image and set the canvas back to display.
I will note that this is a semi legacy implementation of printing these charts. My newer implementation is much simpler but if you are able to fix the issue it would be appreciated.
npm install
npm run serve
npm run build