HTML5 Chart Background Image Not Included in PDF/DOCX Export

Issue Description

User created a report with HTML 5 chart with an background image as described in article:

https://community.jaspersoft.com/blog/tip-how-set-background-image-columnbar-chart-html-5-charts-jaspersoft-studio-reports

When previewing the report in Jaspersoft Studio, the background image is only shown in the HTML report output.

It is not visible in other export formats (PDF, DOCX ...).

How to make the image visible in the other formats?

Resolution

In order to get background image in PDF/DOCX export, Jaspersoft Studio requires PhantomJS library to de installed in the PC

and property

com.jaspersoft.jasperreports.highcharts.phantomjs.executable.path[/code]

should be added with path to PhantomJS binary in Windows > Preferences menu:

PhantomJS library is used to render HTML5 charts by JasperReports Library:

https://community.jaspersoft.com/wiki/phantomjs-libary-jasperreports-server

In case of using Jaspersoft Studio in MS Windows, back-slash characters in the path should be doubled.

Solution tested with Jaspersoft Studio v.7.3.0

AS-20190823, case #01794957