<html><head><meta http-equiv="Content-Type" content="text/html charset=iso-8859-1"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">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/">http://visage-app.com/</a> / <a href="https://github.com/auxesis/visage">https://github.com/auxesis/visage</a></div><div><br></div><div>Cheers</div><div>Jesse</div><div><br></div><div><br><div><div>On 13/11/2013, at 5:44 PM, Marian Mihailescu <<a href="mailto:mihailescu2m@gmail.com">mihailescu2m@gmail.com</a>> wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><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>
_______________________________________________<br>collectd mailing list<br><a href="mailto:collectd@verplant.org">collectd@verplant.org</a><br>http://mailman.verplant.org/listinfo/collectd<br></blockquote></div><br><div apple-content-edited="true">
<div style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div style="color: rgb(0, 0, 0); font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div style="color: rgb(0, 0, 0); font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div style="color: rgb(0, 0, 0); font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div style="color: rgb(0, 0, 0); font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div style="color: rgb(0, 0, 0); font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-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/">http://www.bulletproof.net.au/</a> </div><div style="margin: 0px; ">tel: +61 2 9663 9000</div><div style="margin: 0px; "><br></div><div style="margin: 0px; "><a href="http://www.bulletproof.net.au/aws">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 class="Apple-interchange-newline"><br class="Apple-interchange-newline">
</div>
<br></div></body></html>