This library is in alpha stadium to test the exisiting possibilities.
In order to draw graphs and display data you need to create an application on Staades.net.
$ bower install staades-sdk-js
The graph requires HighchartJS to be loaded as well. Depending on your setup you can add a standalone or jQuery based version.
Add your application key, api key and the ident key which you want to show.
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.staades.net/staades-graph.min.js"></script>
<link rel="stylesheet" href="http://code.staades.net/staades-graph.min.css">
<div id="graph-container"></div>
<script type="text/javascript">
$(function () {
var staadesGraph = new StaadesGraph(
'yourappkey',
'yourapikey', {
containerId: 'graph-container',
layout: 'highchart',
width: '100%',
height: '200px',
idents: [
'YourIdent.key'
]
}
);
});
</script>