Visualize: render adhoc crosstab

Test plugins

by Yuriy Bablyukh

HTML

<!--Provide URL to visualize.js-->
<script type='text/javascript' src="https://infra-platforms-phase2-7753-yfu.pfa.jaspersoft.com/jasperserver-pro/client/visualize.js"></script>
<!--Provide container to render your visualization-->
<button id="getData">Get Data
</button>
<div id="container"></div>

CSS

.my-selected {
  background-color: lightblue!important;
}

JavaScript

visualize({
  auth: {
    name: "superuser",
    password: "superuser"
  }
}, function(v) {
  var ahv = v.adhocView({
    resource: "/public/Samples/Ad_Hoc_Views/01__Geographic_Results_by_Segment",
    container: "#container",
    success: function(data) {
      console.log("All data available:");
      console.log(data);


      if (data.metadata != undefined) {
        console.log("Available filters:");
        console.log(determineFilters(data.metadata.inputParameters));
        console.log("Expected fields in data on click:");
        console.log(determineFilters(data.metadata.outputParameters));
      }


    },
    error: function(e) {
      console.log(e);
    },
    linkOptions: {
      events: {
        click: function(ev, data, defaultHandler, extendedData) {
          console.log("Click");
          console.log(data, extendedData);
        }
      }
    }
  });

  $("#getData").click(function() {
    var data = ahv.data();

    console.log("All data available:");
    console.log(data);


    if (data.metadata != undefined) {
      console.log("Available filters:");
      console.log(determineFilters(data.metadata.inputParameters));
      console.log("Expected fields in data on click:");
      console.log(determineFilters(data.metadata.outputParameters));
    }
  });

});

function determineFilters(parameters) {
  var res = [];

  for (var i = 0; i < parameters.length; i++) {
    res.push(parameters[i].id);
  }
  return res;
}