<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>