// Visualize: Use 'static' id to select JIVE components (5.6) // This Fiddle uses a non-standard demo Report Unit: // /public/viz/PersistedId/07g.RevenueDetailReport visualize({ auth: { name: "jasperadmin", password: "jasperadmin", organization: "organization_1" } }, function (v) { //render report from provided resource var report = v.report({ //TODO: provide sample with multiple charts and tables resource: "/public/viz/PersistedId/07g.RevenueDetailReport", container: "#container", success: printComponentsNames, error: handleError }); $("#resetAll").on("click", function(){ report.undoAll(); }); $("#changeFemale").on("click", function () { //component's name generated by default from field name report.updateComponent("femalesales", { sort: { order: "asc" }, filter: { operator: "greater_or_equal", value: 15000 } }).fail(handleError); }); $("#changeDep").on("click", function () { //custom compoent's name report.updateComponent("my_dep", { sort: { order: "desc" } }).fail(handleError); }); $("#changeChart").on("click", function () { //custom compoent's name report.updateComponent("revenue", { chartType: "Pie" }).fail(handleError); }); //show error function handleError(err){ alert(err.message); } function printComponentsNames(data){ data.components.forEach(function(c){ console.log("Component Name: " + c.name, "Component Lable: "+ c.label); }); } });
<!-- Visualize: Use 'static' id to select JIVE components (5.6) --> <script type='text/javascript' src="http://code.jquery.com/jquery-2.1.0.js"></script> <script type='text/javascript' src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script> <button id="resetAll">Reset ALL</button> <button id="changeFemale">Filter And Sort Female</button> <button id="changeDep">Sort Deps</button> <button id="changeChart">Show in Pie</button> <div id="container"></div>