<div dir="ltr">Hi all,<div><br></div><div>Since I got some emails asking for the code, I set up a github repository here: <a href="https://github.com/mihailescu2m/collectionjs">https://github.com/mihailescu2m/collectionjs</a></div>
<div><br></div><div>Please feel free to use it and make it better :)</div><div><br></div><div>I included an example html that should be able to get you all the charts available, but the main intention of the library is to allow you to insert charts in any page, under the assumption that you know the plugin, plugin_instance, type and type_instance of the graph you want to add. </div>
<div><br></div><div>Cheers,</div><div>Marian</div><div><br></div></div><div class="gmail_extra"><br clear="all"><div>Either I've been missing something or nothing has been going on. (K. E. Gordon)</div>
<br><br><div class="gmail_quote">On Wed, Nov 13, 2013 at 6:15 PM, Jesse Reynolds <span dir="ltr"><<a href="mailto:jesse@bulletproof.net" target="_blank">jesse@bulletproof.net</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div style="word-wrap:break-word">Hi Marian<div><br></div><div>Nice work. Also, have you looked at visage? It provides a JSON / REST APi for a collection of RRD files, and a javascript web frontend that consumes said API. <a href="http://visage-app.com/" target="_blank">http://visage-app.com/</a> / <a href="https://github.com/auxesis/visage" target="_blank">https://github.com/auxesis/visage</a></div>
<div><br></div><div>Cheers</div><div>Jesse</div><div><br></div><div><br><div><div><div class="h5"><div>On 13/11/2013, at 5:44 PM, Marian Mihailescu <<a href="mailto:mihailescu2m@gmail.com" target="_blank">mihailescu2m@gmail.com</a>> wrote:</div>
<br></div></div><blockquote type="cite"><div><div class="h5"><div dir="ltr">Hi all,<div><br></div><div>A while ago I've created some small scripts to export the data from RRDs and chart it with Highcharts javascript library (<a href="http://highcharts.com/" target="_blank">http://highcharts.com</a>).</div>


<div><br></div><div>You can see an example of how the charts look like at: <a href="http://elhokar.zapto.org/cpu/" target="_blank">http://elhokar.zapto.org/cpu/</a></div><div><br></div><div>I use a perl script derived from collection3's chart.cgi that exports the data in JSON format, together with some javascript+css code that sets up the highcharts object.</div>

<div>New charts are added just by creating a new div, where you specify the RRD data source and the date range. Additional highcharts options can be added as well.</div><div><br></div><div>For example:</div><div><div><div class="highchart" data-url="/cgi-bin/highcharts_export.cgi?hostname=elhokar;plugin=load;type=load" data-start="-10800" style="min-width: 400px; height: 300px; margin: 0 auto" data-options='{"yAxis":{"max": 6000}}'></div></div>

</div><div><br></div><div>The arguments are the same as for collection3, and the types defined in collection.conf are reused here.</div><div><br></div><div>You can zoom in, and select a different date range from buttons on the chart. You can also print or export the chart as JPG, PNG, PDF or SVG.</div>

<div><br></div><div>I could not figure out how to format the legend to include min/max/avgs, but that was not a priority for me. If people are interested, let me know and I can set up a repository and share the code.</div>

<div><br></div><div>Cheers,</div><div>Marian</div><div><br clear="all"><div><br></div><div>Either I've been missing something or nothing has been going on. (K. E. Gordon)</div>

<div dir="ltr"><br></div></div></div></div></div>
_______________________________________________<br>collectd mailing list<br><a href="mailto:collectd@verplant.org" target="_blank">collectd@verplant.org</a><br><a href="http://mailman.verplant.org/listinfo/collectd" target="_blank">http://mailman.verplant.org/listinfo/collectd</a><br>
</blockquote></div><br><div>
<div style="text-indent:0px;letter-spacing:normal;font-variant:normal;text-align:-webkit-auto;font-style:normal;font-weight:normal;line-height:normal;text-transform:none;font-size:medium;white-space:normal;font-family:Helvetica;word-wrap:break-word;word-spacing:0px">
<div style="text-indent:0px;letter-spacing:normal;font-variant:normal;text-align:-webkit-auto;font-style:normal;font-weight:normal;line-height:normal;text-transform:none;font-size:medium;white-space:normal;font-family:Helvetica;word-wrap:break-word;word-spacing:0px">
<div style="line-height:normal;text-indent:0px;letter-spacing:normal;text-align:-webkit-auto;font-variant:normal;text-transform:none;white-space:normal;word-wrap:break-word;word-spacing:0px"><div style="line-height:normal;text-indent:0px;letter-spacing:normal;text-align:-webkit-auto;font-variant:normal;text-transform:none;white-space:normal;word-wrap:break-word;word-spacing:0px">
<div style="line-height:normal;text-indent:0px;letter-spacing:normal;text-align:-webkit-auto;font-variant:normal;text-transform:none;white-space:normal;word-wrap:break-word;word-spacing:0px"><div style="line-height:normal;text-indent:0px;letter-spacing:normal;text-align:-webkit-auto;font-variant:normal;text-transform:none;white-space:normal;word-wrap:break-word;word-spacing:0px">
<div style="line-height:normal;text-indent:0px;letter-spacing:normal;text-align:-webkit-auto;font-variant:normal;text-transform:none;white-space:normal;word-wrap:break-word;word-spacing:0px"><span style="border-collapse:separate;border-spacing:0px"><div style="margin:0px">
<div style="margin:0px">--</div><div style="margin:0px">Jesse Reynolds</div><div style="margin:0px">Software Engineer</div><div style="margin:0px">Bulletproof</div><div style="margin:0px">Mission Critical Cloud</div><div style="margin:0px">
<a href="http://www.bulletproof.net.au/" target="_blank">http://www.bulletproof.net.au/</a> </div><div style="margin:0px">tel: <a href="tel:%2B61%202%209663%209000" value="+61296639000" target="_blank">+61 2 9663 9000</a></div>
<div style="margin:0px"><br></div><div style="margin:0px"><a href="http://www.bulletproof.net.au/aws" target="_blank">Amazon Web Services (AWS) Partner</a></div><div style="margin:0px;min-height:14px"><br></div><div style="margin:0px">
This email and any attachments are confidential and may be legally privileged.</div><div><br></div></div></span></div></div></div></div></div></div></div><br><br>
</div>
<br></div></div></blockquote></div><br></div>