[collectd] collectd + highcharts

Marian Mihailescu mihailescu2m at gmail.com
Fri Nov 15 07:01:15 CET 2013

Hi all,

Since I got some emails asking for the code, I set up a github repository
here: https://github.com/mihailescu2m/collectionjs

Please feel free to use it and make it better :)

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.


Either I've been missing something or nothing has been going on. (K. E.

On Wed, Nov 13, 2013 at 6:15 PM, Jesse Reynolds <jesse at bulletproof.net>wrote:

> Hi Marian
> 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. http://visage-app.com/ / https://github.com/auxesis/visage
> Cheers
> Jesse
> On 13/11/2013, at 5:44 PM, Marian Mihailescu <mihailescu2m at gmail.com>
> wrote:
> 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)
> _______________________________________________
> collectd mailing list
> collectd at verplant.org
> http://mailman.verplant.org/listinfo/collectd
> --
> Jesse Reynolds
> Software Engineer
> Bulletproof
> Mission Critical Cloud
> http://www.bulletproof.net.au/
> tel: +61 2 9663 9000
> Amazon Web Services (AWS) Partner <http://www.bulletproof.net.au/aws>
> This email and any attachments are confidential and may be legally
> privileged.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mailman.verplant.org/pipermail/collectd/attachments/20131115/ade753ad/attachment.html>

More information about the collectd mailing list