Visualize: table beforeRender usage
Test plugins
HTML
<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<!--Provide URL to visualize.js-->
<script src="https://mobiledemo.jaspersoft.com/jasperserver-pro/client/visualize.js"></script>
<!--Provide container to render your visualization-->
<div id="container"></div>
CSS
.selected {
padding: 20px;
font-size: 1.3em;
color: #3C1A06;
}
#container {
height: 400px;
margin-left: 15px;
margin-top: 15px;
}
JavaScript
visualize({
auth: {
name: "joeuser",
password: "joeuser"
}
}, function(v) {
var ahv = v.adhocView({
resource: "/public/viz/Adhoc/Table1",
container: "#container",
success: {
},
linkOptions: {
beforeRender: function(elemToLinkPairs) {
elemToLinkPairs.forEach(function(pair) {
pair.element.style.textDecoration = "underline";
pair.element.style.cursor = "pointer";
pair.element.style.fontStyle = "italic";
pair.element.style.color = "#7C3414"
console.log(pair.element)
console.log(elemToLinkPairs);
});
}
}
});
});