Convert grafana panels to images for control page.

Posted on
Wed Sep 12, 2018 11:06 am
eriass offline
Posts: 20
Joined: May 12, 2016

Convert grafana panels to images for control page.

Hi,
Probably someone has already made this but I couldn’t find it anywhere. With help from a awesome friend I have made a script that saves a grafana-panel to a jpg image. And with help of that jpg image I can display it on my control page.

First of all I install the Grafana/Influx plugin and make all settings for that plugin, make panels etc.
After that I add a API Key to get a authorization key.

Copy link, all text AFTER Authorization:

Then I go back to the grafana dashboard to choose which panel I want to view.
In top of the panel I press the little arrow and choose ”Share”
In the dialog box that opens I press the ”Direct link rendered image” button in the bottom left.

Copy that link as well. delete the from & to in the link or else you will have a static image.

then make a Action Group that executes a apple script:

do shell script "curl -o \”/Library/Application Support/Perceptive Automation/Indigo 7/IndigoWebServer/images/image.jpg>” -H \"Authorization: <INSERT LINK FROM API>\” \"http://<INSERT GRAFANA LINK TO DIRECT LINK RENDERED IMAGE>\””


Of course you can change the path to the web server if you want to do another folder.

Make a schedule that automatically executes the action

After this you can add a refreshing URL in your control page, in my case:

http://user:password@127.0.0.1:8176/images/image.jpg

Hope you like it!

//Eric

Posted on
Wed Sep 12, 2018 4:41 pm
vtmikel offline
Posts: 358
Joined: Aug 31, 2012
Location: Boston, MA

Re: Convert grafana panels to images for control page.

This is great. I’ll check it out!


Sent from my iPhone using Tapatalk Pro

Posted on
Fri Sep 14, 2018 5:31 pm
mundmc offline
Posts: 359
Joined: Sep 14, 2012

Re: Convert grafana panels to images for control page.

Wait, I’ve been toying with the idea of Grafana, but I didn’t know the standalone plugin didn’t work with Control Pages. I am confused.


Sent from my iPhone using Tapatalk

Posted on
Sun Sep 16, 2018 12:41 pm
vtmikel offline
Posts: 358
Joined: Aug 31, 2012
Location: Boston, MA

Re: Convert grafana panels to images for control page.

Grafana provides a web server that is used to view your dashboard. It's mostly client-based, using JavaScript. There's no way to directly embed the web content from Grafana into Indigo's control pages. There have been a couple of available ways to render individual panels to images, then make those images available in a control page. @eriass has provided a set of instructions in this thread.

Posted on
Mon Sep 17, 2018 11:12 am
mundmc offline
Posts: 359
Joined: Sep 14, 2012

Re: Convert grafana panels to images for control page.

vtmikel wrote:
Grafana provides a web server that is used to view your dashboard. It's mostly client-based, using JavaScript. There's no way to directly embed the web content from Grafana into Indigo's control pages. There have been a couple of available ways to render individual panels to images, then make those images available in a control page. @eriass has provided a set of instructions in this thread.

Thank you for clarifying! They’re so pretty


Sent from my iPhone using Tapatalk

Posted on
Tue Dec 04, 2018 12:14 pm
Sharek326 offline
User avatar
Posts: 320
Joined: Jul 20, 2014
Location: Lansford, PA

Re: Convert grafana panels to images for control page.

I think I followed this correctly but I am getting an error in my log file

script error: around characters 10 to 11
Error script error: Expected “"” but found unknown token. (-2741)


As an example this is how I set it up. Did I miss something? The script won't compile

"curl -o \”/Library/Application Support/Perceptive Automation/Indigo 7.2/IndigoWebServer/images/image.jpg>” -H \"Authorization: Bearer eyJrIjoibXhXbUNKMjg0aWRIbTF0ckcwbEZXVlZnMHQ1SGMwdVYiLCJuIjoiSW5kaWdvQVBJIiwiaWQiOjF9" http://192.168.2.12:3006/api/dashboards/home\” \"http://192.168.2.12:3006/render/d-solo/xF85NDZiz/example-indigo-dashboard?orgId=1&panelId=20&from=1543860434201&to=1543946824201&width=1000&height=500””

Posted on
Wed Dec 05, 2018 7:05 am
roussell offline
User avatar
Posts: 1046
Joined: Aug 18, 2008
Location: Alabama

Re: Convert grafana panels to images for control page.

Not sure if it’s the copy/paste but I see an odd number of quotes. Perhaps one too many/few?

Terry


Sent from my iPhone using Tapatalk

Posted on
Wed Dec 05, 2018 9:10 am
Sharek326 offline
User avatar
Posts: 320
Joined: Jul 20, 2014
Location: Lansford, PA

Re: Convert grafana panels to images for control page.

Well I am making progress but still getting an error....According to the instructions about I Added the API Key ( this is for test purposes ill change the key later.

this is the link of everything after Authorization:

Bearer eyJrIjoiYXB4YkZHY0FRMERLMzdITDdocmNEelpzMXdId3BZemciLCJuIjoiSW5kaWdvIiwiaWQiOjF9" http://192.168.2.12:3006/api/dashboards/home

Then it says copy the.direct link and delete everything after &from so the original link is this:

http://192.168.2.12:3006/render/d-solo/ ... 2FNew_York

then reduced to

http://192.168.2.12:3006/render/d-solo/ ... panelId=20

then use the about script entering the links in where needed

and it looks like this

do shell script "curl -o \"/Library/Application Support/Perceptive Automation/Indigo 7.2/IndigoWebServer/images/image.jpg>” -H \"Authorization: Bearer eyJrIjoiYXB4YkZHY0FRMERLMzdITDdocmNEelpzMXdId3BZemciLCJuIjoiSW5kaWdvIiwiaWQiOjF9" http://192.168.2.12:3006/api/dashboards/home\"\"http://192.168.2.12:3006/render/d-solo/xF85NDZiz/example-indigo-dashboard?orgId=1&panelId=20\""

but its not putting the file in the directory and when I run it in script editor its flagging the quote right after the API key with A identifier can’t go after this “"”.

Posted on
Thu Dec 06, 2018 10:58 am
Sharek326 offline
User avatar
Posts: 320
Joined: Jul 20, 2014
Location: Lansford, PA

Re: Convert grafana panels to images for control page.

After reworking this code a million ways I am closer but now I am getting an error No Url Specified. Anyone have any ideas what I could be missing?

Code: Select all
do shell script "curl -o \"/Library/Application Support/Perceptive Automation/Indigo 7.2/IndigoWebServer/images/image.jpg\" -H \"Authorization: Bearer eyJrIjoiYXB4YkZHY0FRMERLMzdITDdocmNEelpzMXdId3BZemciLCJuIjoiSW5kaWdvIiwiaWQiOjF9 http://192.168.2.12:3006/api/dashboards/home\"\"http://192.168.2.12:3006/render/d-solo/xF85NDZiz/example-indigo-dashboard?orgId=1&panelId=20\""

Posted on
Fri Dec 07, 2018 8:46 am
vtmikel offline
Posts: 358
Joined: Aug 31, 2012
Location: Boston, MA

Re: Convert grafana panels to images for control page.

I'm sorry that I haven't had time to look at this. Have you tried the other mention in this forum about the PhantomJS alternative? This is the official way that Grafana supports expoerting to images.

viewtopic.php?f=279&t=20920

I personally have not found the need for exporting so I don't do it myself.

Page 1 of 1

Who is online

Users browsing this forum: No registered users and 1 guest