Widget code to display graph

Apps & Services HABPanel
1

Hi All

Im using a graph from Grafana but for some reason it will not display inside this code, within a Custom Widget.

Can anyone point me in the right direction?

Hi Guys

Can someone assist with the Embed graph from Grafana?

This is my code:

<div class="widget">
	<div class="icon off"><svg viewBox="0 0 48 48"><use xlink:href="/static/matrix-theme/squidink.svg#processor"></use></svg></div>
	<div class="name">CPU Load (1min)</div>
	<div class="valueGroup"><div class="value">{{itemValue('OpenHAB_Cpu_Load1') | number:1}}%</div></div>			
<div class="graph">
		<img width="275" height="100" src="http://192.168.0.3:3001/d-solo/7uU68LHiz/system-info-graphs?panelId=14&orgId=1&from=1529050703507&to=1529655503508&tab=general" />
		<div class="legend">Last 7 days</div>
</div>
</div>

The Link works fine in a browser, it shows me the graph. When I run the widget it doesnt display the CPU Load graph

Thoughts?

2

Try:

src="http://192.168.0.3:3001/d-solo/7uU68LHiz/system-info-graphs?panelId=14&orgId=1"
3

Ta Vincent . I actually just got it half working. I used the rendered image version from grafana and it works on my pc. But wont display on my phone or tablet. I’ll keep troubleshooting ha!

4

Check the HPV wiki entry on embedding external content in HABPanel pages:

5

Thanks Volker, ive got it working now . i just need to stuff around with Grafana to remove the scrolbars and work on updating. Its not updating :confused: