Category Archives: iot

actuator-1

Dynamic Highcharts plugin for freeboard.io

Freeboard

A damn-sexy, open source real-time dashboard builder for IOT and other web mashups.

What is It?

Freeboard is a turn-key HTML-based “engine” for dashboards. Besides a nice looking layout engine, it provides a plugin architecture for creating datasources (which fetch data) and widgets (which display data)— freeboard then does all the work to connect the two together. Another feature of freeboard is its ability to run entirely in the browser as a single-page static web app without the need for a server. The feature makes it extremely attractive as a front-end for embedded devices which may have limited ability to serve complex and dynamic web pages.

Dynamic Highcharts widget plugin for freeboard.io

This widget plugin is  based on the highcharts widget plugin created by Hugo Sequeira.

Github repository: https://github.com/onlinux/freeboard-dynamic-highcharts-plugin

See it in action @ https://goo.gl/hbAXXU

dynamic-highcharts-plugin-4

dynamic-highcharts-plugin-1

dynamic-highcharts-plugin-2

INSTALLATION

Copy the file (plugin_highcharts.js from https://github.com/onlinux/freeboard-dynamic-highcharts-plugin) to your freeboard installation, for example:

$ cp ./plugin_highcharts.js /freeboard/plugins/thirdparty

Edit the freeboard index.html file and add a link to the plugin near the end of the head.js script loader, like:

head.js(
  'js/freeboard_plugins.min.js',
  'plugins/thirdparty/plugin_highcharts.js',
  $(function() {
    //DOM Ready
    freeboard.initialize(true);
  })