I have a bunch of grafana panels embedded into node red (NR). I can see they are querying well on the Grafana dashboard. When I go to embed them into NR, they sometimes query well. I can see they are querying because this symbol blinks:
Then there are times when this symbol doesn’t blink. That’s when my embedded panels freeze and data doesn’t update. Eventually it times out and reports a No Data on the panel.
My HTML looks like this:
<html>
<iframe src="http://10.13.1.73:3000/d-solo/M2A8qdiRk/new-dashboard?orgId=1&refresh=1s&panelId=15"
width="450" height="200" frameborder="0"></iframe>
<script>
//NOTE, more then one chart on a page, rename in the second and following
//templates the "myframe" variable so that every template has a unique name.
(function(scope) {
// watch msg object from Node-RED
scope.$watch('msg', function(msg) {
// new message received
// var x = document.getElementById('myFrame');
var x = document.getElementById('myFrame_2');
x.setAttribute('src', msg.payload);
});
})(scope);
</script>
</html>
I’m not great with HTML. Any ideas why it would freeze?