Good Day, i need some help please new to node-red, i have managed to bring in google charts in Dashboard 2.0 using a ui-template node. With in the code i would like to inject my values. But i have been unable to find a way to pull variables from the msg.payload i send to the ui-template. <head> <…

Moved unrelated question to own topic

So this isn't a full solution, but does show how you can transfer some of the behaviour you have into a Vue Component with ui-template such that you can get easy access to the msg.payload value: <template> <div ref="g-chart"></div> </template> <script type="text/javascript" src="https://www.gs…

Good morning that you so the assist i will give if a go.

Good Day, joepavitt Sorry to bother you again with this, but i have been unable to get this code to work. I have been through 20+ iteration, but just end up with errors. My understanding of the coding is very bad. <template> <div id="chart_div" style="width: 100%; height: 300px;"></div> </temp…

I know this does not help you right now but I'm bringing this up because what your trying to do, I do, all the time in the original dashboard. https://gist.github.com/TotallyInformation/2f1aaf0635f9bf23207152682323240a#bonus-pass-html-dynamically-to-the-dashboard-ui I create a msg.payload contatin…

Hi thanks i will check it out at the moment anything will be helpful.

[image] meeki007: I create a msg.payload contatining what I want the template to be. Can that really be me writing? About Dashboard and not UIBUILDER?! :slight_smile:

Hey @jwj001 not going to get a chance to dive into this heavily today, but a quick pointer is the content of your mounted: // Load Google Charts library google.charts.load('current', {'packages':['corechart']}); // Set a callback function to draw the chart when the library is loaded google.charts.s…

Hi joepavitt.. Thanks for the assist i managed to get it going... <template> <div> <div id="columnchart_material" style="width: 1200px; height: 600px;"></div> </div> </template> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script> export defa…

Node-RED

Node-RED Forum

Dashboard 2.0 ui-Template

Dashboard

Topic		Replies	Views
Access msg object in dashboard ui_template Dashboard	15	7021	16 January 2020
Dashboard 2 ui-template how to access msg.payload Dashboard dashboard-2	7	398	19 July 2024
Node-Red using chart.js vertical bar graph Dashboard	7	2428	15 July 2020
How possible can I pass msg.payload to ui_template General node-red-dashboard	3	261	21 April 2023
Payload in dashboard template script section Dashboard	1	579	20 November 2021

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Dashboard 2.0 ui-Template

Related topics