How to override styles from visualize.js?

Posted on September 16, 2015 at 3:58pm

Hello,

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?

Thanks,

Teja

JasperReports® Server
Visualize.js
tpingili's picture
tpingili
2
Joined: Sep 11 2015 - 1:11pm
Last seen: 7 years 5 months ago

1 Answer:

Posted on September 17, 2015 at 11:56am

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 = v.report({
        resource: "/public/Samples/Reports/AllAccounts",
        container: "#mydiv",
        <strong>scale: "container",</strong>
.... 
        }

look at this JSFiddle as an example: http://jsfiddle.net/marianol/k8sq1hde/

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