Developed by: CZ.NIC

OGRA library

Example: Drawing of a chart

Basic example of how you can create your first chart.

HTML:

Import OGRA and create element for future chart. Please note that you don't have to import any more javascript files with graphical libraries.

<script type="text/javascript" src="https://gitlab.labs.nic.cz/labs/ogra/raw/master/ogra.js"></script>

<div id="my_chart"></div>

Javascript:

Prepare your data and create chart.

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}]}]};			

Ogra.graph("my_chart", data, "column", "google", {} );

Result:

Edit in jsFiddle

More examples