[collectd] collectd + highcharts

[Marian Mihailescu]

Hi all,

A while ago I've created some small scripts to export the data from RRDs
and chart it with Highcharts javascript library (http://highcharts.com).

You can see an example of how the charts look like at:
http://elhokar.zapto.org/cpu/

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

For example:
<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>

The arguments are the same as for collection3, and the types defined in
collection.conf are reused here.

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.

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.

Cheers,
Marian


Either I've been missing something or nothing has been going on. (K. E.
Gordon)
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mailman.verplant.org/pipermail/collectd/attachments/20131113/a17890c9/attachment.html>