Visualize: Render Adhoc View
Test plugins
by Pavel Savushchyk
October 09, 2016
HTML
<script type='text/javascript' src="http://localhost:8080/jrs1/client/visualize.js?_opt=false"></script>
<div id="container"></div>
<button id='changeChartTypeToInvalid'>
Change chart type to Time Series Line
</button>
CSS
#container{
height:400px;
}
JavaScript
visualize({
auth: {
name: "superuser",
password: "superuser"
}
}, function (v) {
var ahv = v.adhocView({
resource: "/public/EmbeddableAhv/Chart/Embed_chart_view/Area",
container: "#container",
canvas: {chart: {
type: 'TimeSeriesLine'
}},
success: function() { console.log("rendered"); },
error: function(e) { console.log(e); }
});
$("#changeChartTypeToInvalid").click(function() {
ahv.canvas({
chart: {
type: 'TimeSeriesLine'
}
}).run().fail(handleError);
});
//show error
function handleError(err) {
console.log(err.message);
}
});