I have a solution, but it is complicated. If you are using Chrome, Edge, Opera, or Safari, this should work:
- Open the bar chart you are interested in printing.
- Open the Javascript Console (CTRL+SHIFT+C or CMD+SHIFT+C)
- In the new window that pops up, the second tab across the top of that window should be "console". Click on console.
- In that tab, then you can paste in the following next to the greater than sign (>):
$(".b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8, .b9").css("-webkit-print-color-adjust", "exact")
Then print the document and you should get the bar chart.
Ask questions, because I am sure there will be some.
Thanks for the fun foray into fixing poor CSS/HTML
Bryan
Bryan Guarente
Meteorologist/Instructional Designer
UCAR/The COMET Program
Boulder, CO