Visualize: Ad Hoc View Data API

Test plugins

by Yuriy Bablyukh

HTML

<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<!--Provide URL to visualize.js-->
<script src="http://localhost:8081/jasperserver-pro/client/visualize.js?userLocale=de&userTimezone=America/Los_Angeles"></script>

<table>

<tr valign="top">
  <td style="width:80%"><div id="container"></div></td>
  <td style="width:20%"><div id="inputContainer"></div></td>
</tr>
</table>

CSS

table{
  width:100%;
}

JavaScript

visualize({
  auth: {
    name: "joeuser",
    password: "joeuser",
    organization: "organization_1"
  }
}, function(v) {
  var adv = v.adhocView({
    resource: "/public/Samples/Ad_Hoc_Views/01__Geographic_Results_by_Segment",
    container: "#container",
    error: function() {
      console.log(arguments);
    },
    success: function(ada) {
      console.log("Data param");
      console.log(ada);
    }
  });
  
  var inputControls = v.inputControls({
    resource: "/public/Samples/Ad_Hoc_Views/01__Geographic_Results_by_Segment",
    container: "#inputContainer",
    error: function (err) {
    console.error(err);
    }
});


});