JSFiddle - React, Tailwind, and code Playground
HTML
<p>Using the callback method</p>
<script type="text/javascript" src="https://raw.github.com/CZNIC-Labs/ogra/master/ogra.js"></script>
<div id="my_chart"></div>
<div id="report"></div>
<a target="_blank" href="https://devpub.labs.nic.cz/ogra/doc/">Return to OGRA JS documentation.</a>
JavaScript
var data = {"cols":[{"label":"Year", "type":"string"},{"label":"Sales", "type":"number"},{"label":"Expenses", "type":"number"}],"rows":[{"c":[{"v":"2004"},{"v":1000},{"v":400}]},{"c":[{"v":"2005"},{"v":1170},{"v":460}]},{"c":[{"v":"2006"},{"v":660},{"v":1120}]},{"c":[{"v":"2007"},{"v":1030},{"v":540}]}]};
function my_method(chart_reference, arg1, arg2) {
var element = document.getElementById("report");
element.style.color = "red";
element.innerHTML = "Chart is complete! " + arg1 + ", " + arg2;
}
Ogra.graph("my_chart", data, "column", "google", {callback: my_method, callback_args:["my_arg1", "my_arg2"]} );