Hello everyone, I'm currently facing an issue trying to integrate Chart.js with Node-RED Dashboard 2.0 using a Vue-based template node. I am hoping to see if anyone has successfully managed to do this or can provide some insight into what might be going wrong. Function node [ { "id": …

Here's 2 working charts with static data. Examine those to find out what is different in buildup. Your code for updating the chart seems fine ... [{"id":"ae617d118b80c0d8","type":"ui-template","z":"9ab81d258b54a577","group":"2c34b9c7d6324531","page":"","ui":"","name":"Floating bar chart","order":5…

Thank you for providing the example code! I appreciate your help. I had a few questions regarding the real-time data aspect of my requirement. In my use case, I'm working with real-time data that updates every 500ms. I noticed that in the provided solution: The chart data (labels and datasets) is…

Here is an example with live data. But for sure not complete solution. Just as an example of how to... [image] DB2 CSS - Change chart line thickness Dashboard Fixed [{"id":"ea7c02fa77fe6efc","type":"ui-template","z":"a1ded7aeb5c2fa56","group":"1c6f457dfe15977b","page":""…

[image] juancho72h: updates every 500ms Why? Humans can't analyse the outcome that fast.

"Hahaha, thank you for pointing that out! The 500ms update rate is mainly for capturing real-time data accurately—it may not be something a human can analyze that quickly, but it helps with monitoring and recording purposes. Unfortunately, I'm still facing issues with getting the chart to work corr…

Yeah. Many things. [image] When mounted, it doesn't mean that the script is loaded. If the Chart object in window is not yet available, you cant init it. Look at the examples and follow the practice. [image] The labels is basically an array of the names of datasets. If you consistently need t…

Node-RED

Node-RED Forum

Issue Integrating Chart.js with Node-RED Dashboard 2.0 (Vue-based Template Node)

Dashboard

hotNipi 15 November 2024 17:55 4

Here is an example with live data. But for sure not complete solution. Just as an example of how to...

Topic		Replies	Views
Using chart.js to create chart for daily prices Dashboard chart	18	571	6 April 2024
Problems displaying live data in template with chartjs Dashboard dashboard-2 , ui-template	14	168	1 February 2026
Node-Red using chart.js vertical bar graph Dashboard	7	2429	15 July 2020
Trouble displaying chart.js line chart on Dashboard 2.0 Dashboard dashboard-2	4	257	15 August 2025
Chart update speed for real time electronic signals/ communication engineering related Dashboard chart	3	536	28 April 2022

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.

Issue Integrating Chart.js with Node-RED Dashboard 2.0 (Vue-based Template Node)

Related topics