This [MagicMirror²] module allows you to display several gauges in a row generated by grafana.

Important Note: This is a fork. I have made a few changes since the original did not want to display items from different dashboard databases.

Important Note: This module requires a running grafana installation. To install Grafana, follow the official installation instructions.

This blogpost describes how to install and use grafana and build a weatherchart.

In your terminal, go to your MagicMirror's Module folder:

cd ~/MagicMirror/modules

Clone this repository:

git clone https://github.com/kenzokhome/MMM-GrafanaGauges

Configure the module in your config.js file.

To use this module, you have to specify where your grafana installation is hosted and which gauges you'd like to display.

Add the module to the modules array in the config/config.js file:

modules: [
	{
	 module: 'MMM-GrafanaGauges',
		 position: 'top_right',   // This can be any of the regions.
         header: 'Olive tree',
		 config: {
					host: "grafana_host", //Mandatory. See url when displaying within grafana
					port: 3000, // Mandatory.
					https: false, // Optional. Consider using TLS for your data. Default: false
					dashboardname: "flowers", // Mandatory.
					dashboardDB:"d-solo/asda",
					orgId: 1, // Mandatory.
					showIDs: [12, 8, 9, 10],// Mandatory. PanelId from the url.
					width: "100%", // Optional. Default: 100%
					height: "100%", // Optional. Default: 100%
					refreshInterval: 900 //Optional. Default: 900 = 1/4 hour
				}
	},
]

Everything needed is extractable from the url when you're viewing your gauge using grafana in your browser.
The panelid from each gauges has to be represented within the showIDs-array. Also the order set within this array.

The following properties can be configured: