[collectd] collectd + highcharts

Marian Mihailescu mihailescu2m at gmail.com
Wed Nov 13 08:14:53 CET 2013

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:

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


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

More information about the collectd mailing list