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:8080/jasperserver-pro/client/visualize.js?_opt=true"></script>


<!--Provide container to render your visualization-->
<div id="inputContainer"></div>
<div id="container"></div>

CSS

#inputContainer{
  display:inline;
  width:20%;
}

#container{
  display:inline;
  width:70%;
}

JavaScript

visualize({
  auth: {
    name: "jasperadmin",
    password: "jasperadmin",
    organization: "organization_1"
  }
}, function(v) {
 
 var inputControls = v.inputControls({
    resource: "/public/Ad_Hoc_View",
    container: "#inputContainer",
    error: function (err) {
    console.error(err);
    }
});

v.adhocView({
    resource: "/public/Ad_Hoc_View",
    container: "#container",
    error: function (err) {
    console.error(err);
    }
});

});