Visualize: Ad Hoc View Data API

Test plugins

by tara5

HTML

<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<!--Provide URL to visualize.js-->
<script src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script>

<table>

  <tr valign="top">
    <td style="width:80%">
      <div id="container"></div>
      <div id="report">
        
      </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 url = "/not/exist";


  var report = v.report({
    resource: url,
    container: "#report",
    error: function(err) {
      console.log(err);
    },
    success: function(ada) {
      console.log("Data param");
      console.log(ada);
    }
  });


});