Visualize: Ad Hoc View Data API

Test plugins

by Yuriy Bablyukh

HTML

<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<script src="http://infra-platforms-phase2-10927-ybablyuk.pfa.jaspersoft.com:8080/jasperserver-pro/client/visualize.js?_opt=true"></script>
<table>

<button id="changeType">
To crosstab
</button>
<div id="container"></div>

CSS

table{
  width:100%;
}

JavaScript

visualize({
  auth: {
    name: "joeuser",
    password: "joeuser",
    organization: "organization_1",
    timezone: "Europe/Helsinki"
  }
}, function(v) {
  var adv = v.adhocView({
    resource: "/public/EmbeddableAhv/Table/FieldLabels/ADV_one_field_diff_labels",
    container: "#container",
    error: function() {
      console.log(arguments);
    },
    success: function(ada) {
      console.log("Data param");
      console.log(ada);
    }
  });

$("#changeType").click(function(){
	adv.canvas({
        type: "Crosstab"
}).run();

});



});