Visualize: Report+controls

Test plugins

by Yuriy Bablyukh

HTML

<!--Provide URL to visualize.js-->
<script src="http://localhost:8080/jasperserver-pro/client/visualize.js?_opt=false"></script>



<!--Provide container to render your visualization-->
<table>

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

JavaScript

visualize({
  auth: {
    name: "superuser",
    password: "superuser"
  }
}, function(v) {

  var url = "/public/main_jrxml";

  var adv;

  function renderView(uri) {
    adv = v.report({
      resource: url,
      container: "#container",
      params: {
        "BOOLEAN": []],
        "BOOLEANS": [true]
      },

      error: function(e) {
        console.log(e);
      },
      success: function(data) {
        console.log(data);
      }
    });
  }

  //render initial view
  renderView();

});