Visualize: render adhoc crosstab

Test plugins

by vysohanych

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>

<div class="selected"></div>

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

CSS

.selected {
  padding: 20px;
}

JavaScript

visualize({
  auth: {
    name: "superuser",
    password: "superuser"
  }
}, function(v) {
  var ahv = v.adhocView({
    resource: "/public/Ad_Hoc_View",
    container: "#container",
    linkOptions: {
      events: {
        click: function(ev, data) {
         $(".selected").html("<span>\'" + ev.currentTarget.innerText + "\' was clicked.</span>")
          console.log(data);
        }
      }
    }
  });
});