Ad Hoc View Chart - Resize

by Yuriy Bablyukh

HTML

<!--Provide URL to visualize.js-->
<script type='text/javascript' src="http://infra-platforms-phase2-10927-ybablyuk.pfa.jaspersoft.com:8080/jasperserver-pro/client/visualize.js?_opt=true"></script>


<button id="logout">
Log Out
</button>
<button id="refresh">
Refresh
</button>
<!--Provide container to render your visualization-->
<div id="container1"></div>

CSS

/*Disabled visualization selector
#container .jr-mAdhoc-visualization-launcher.jr {
  display: none;
}
*/

#container1 {
  height: 500px;
  margin-top: 10px;
}

/*Start of Crosstab specific styles*/
/*Crosstab side panel*/
#container1 .jr-mDatatable-cellRowlabel.jr-mDatatable-cellField.jr,
#container2 .jr-mDatatable-cellRowlabel.jr-mDatatable-cellField.jr{
  background-color: #E0D2BC;
  font-weight: bold;
  color: black;
}

/*Crosstab totals section in side panel*/
#container1 .jr-mDatatable-cell.jr-mDatatable-cellRowlabel.jr.jr-mDatatable-cellTotal,
#container2 .jr-mDatatable-cell.jr-mDatatable-cellRowlabel.jr.jr-mDatatable-cellTotal {
  background-color: #E0D2BD;
  border: 1px solid #c19a83;
}

/*Crosstab totals in main table - even row*/
#container1 .jr-mDatatable-rowEven.jr .jr-mDatatable-cell.jr-mDatatable-cellValue.jr-mDatatable-cellTotal.jr,
#container2 .jr-mDatatable-rowEven.jr .jr-mDatatable-cell.jr-mDatatable-cellValue.jr-mDatatable-cellTotal.jr  {
  background-color: #e8dcd0;
  border: 1px solid #ad795b;
}

/*Crosstab totals in main table - odd row*/
#container1 .jr-mDatatable-rowOdd.jr .jr-mDatatable-cell.jr-mDatatable-cellValue.jr-mDatatable-cellTotal.jr,
#container2 .jr-mDatatable-rowOdd.jr .jr-mDatatable-cell.jr-mDatatable-cellValue.jr-mDatatable-cellTotal.jr {
  background-color: #e8dcd0;
  border: 1px solid #ad795b;
}

/*Crosstab value in main table - odd row*/
#container1 .jr-mDatatable-rowOdd.jr .jr-mDatatable-cell.jr-mDatatable-cellValue.jr,
#container2.jr-mDatatable-rowOdd.jr .jr-mDatatable-cell.jr-mDatatable-cellValue.jr{
  background-color: #F0E9E0;
  border: 1px solid #ad795b;
}

/*Crosstab value in main table - even row*/
#container1 .jr-mDatatable-rowEven.jr .jr-mDatatable-cell.jr-mDatatable-cellValue.jr,
#container2 .jr-mDatatable-rowEven.jr .jr-mDatatable-cell.jr-mDatatable-cellValue.jr{
  background-color: #F0E9E0;
  border: 1px solid #ad795b;
}

/*Table styles*/
/*Datatable headers*/
#container1 .jr-mDatatable-header.jr...

JavaScript

visualize({
  defaultJiveUi: true,
  floatingCrosstabHeadersEnabled: false,
  floatingTableHeadersEnabled: false,
  isolateDom: false,
  loadingOverlay: true,
  auth: {
    name: "superuser",
    password: "ee"
  }
}, function(v) {
 var adh= v.adhocView({
 		container: "#container1",
    resource: "/public/Samples/Ad_Hoc_Views/01__Geographic_Results_by_Segment",
    "autoresize": true,
    error: function(e) {
      console.log(e);
    }
  });
  
  $("#logout").click(function () {
        v.logout().done(function () {
            alert("You are now logged out of JasperReports Server.");
        });
    });
    
    
    $("#refresh").click(function () {
        adh.refresh().done(function () {
            alert("refreshed");
        });
    });



});