How to override styles from visualize.js?


I am embedding a report from JasperReports Server using Visualize.js. The report gets embedded only within a height of 400px. This is an inline style which is most likely coming from Visualize.js. Has anyone come across such issues? Is there a way to override these styles?



tpingili's picture
Joined: Sep 11 2015 - 1:11pm
Last seen: 7 years 5 months ago

1 Answer:

That inline style you are talking about is probably coming form the report itself and not form visualize; Is the table or object (or page size) of the report set to 400px?

If you want your report to scale of fit to the container (either height or width) you can use the report scaling features of Visualize.js; like:

report ={
        resource: "/public/Samples/Reports/AllAccounts",
        container: "#mydiv",
        <strong>scale: "container",</strong>

look at this JSFiddle as an example:

marianol's picture
Joined: Sep 13 2011 - 8:04am
Last seen: 4 years 11 months ago