Developed by: CZ.NIC

OGRA library

Example: Error message

Using of unsupported chart type for given library, or using of data in not valid format will lead to error. OGRA will try to inform you about occured problem with error message.

HTML:

Import OGRA and create element for future chart.

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

// Note: Dygraphs doesn't support "table" type of chart.
Ogra.graph("my_chart", data, "table", "dygraphs", {} );

Result:

Edit in jsFiddle

More examples