Hello to you, I am completely new to Node-RED (under Docker). Currently, I am exploring the tools and I am struggling to create a chart using a CSV file. I have successfully read the CSV file and displayed a table, but I am stuck on the chart. I created a function to format it correctly, but I can't get anything to display. Can I send you the source CSV file and the JSON export of my Node-RED flow? Thanks in advance!

Welcome to the forum @Basileos I recommend watching this playlist: Node-RED Essentials. The videos are done by the developers of node-red. They're nice & short and to the point. You will understand a whole lot more in about 1 hour. A small investment for a lot of gain. When you have watched those, if you still have the problem then use a debug node to show us what you are sending to the chart node and paste it here. You can paste an image here directly.

Hello! Thank you for the playlist. It's very interesting, and I've learned a lot. Unfortunately, I still can't resolve my chart issue. I assume that my object is not correct and is not readable by my 'chart' node. I'm attaching a screenshot of my flow and the latest debug just before my 'chart' node. Thank you in advance for your help! [image]

[image] Basileos: I assume that my object is not correct and is not readable by my 'chart' node. Did you check the help file that comes with the node. There's a lot of info how to structure a msg that the chart understands. Yours looks definitely wrong...

First thing you should do is (1) click on the chart node (2) select the help tab in the right hand sidebar (3) read what it says [Screenshot 2023-12-05 at 4.24.29 AM] Then look at what you are sending to the chart and see if you can figure out the issue.

To add historical data one sample at a time you need to follow the link from the help text to https://github.com/node-red/node-red-dashboard/blob/master/Charts.md. There, this section tells you how to do it: You can also insert extra data points by specifying the timestamp property. This must be in either epoch time (in miliseconds, not seconds), or ISO8601 format. {topic:"temperature", payload:22, timestamp:1520527095000} Which is close to what you have but not quite.

Thank you for your help. I had already gone through the documentation, and despite that, I am struggling either to format my dataset or to configure my node (which requires minimal configuration). I have tried several nodes (split and join), functions to format my object, but nothing seems to work...

[image] Colin: {topic:"temperature", payload:22, timestamp:1520527095000} Colin gave you the msg format that you should try to create. If that isn't enough for you to achieve your learning, you should consider to share a flow that we can use to investigate what's going wrong. Hint: A screenshot is great to visualize a topic - yet it doesn't help to examine the details...

[image] Basileos: I have tried several nodes (split and join), functions to format my object, but nothing seems to work.. If you look at your debug you will see that you are putting the timestamp in msg.timestamp (which is correct) and the value in msg.y, where, from the docs, you need to put the value in msg.payload. You can additionally provide a msg.topic if you wish, that will identify that individual line on the chart. If you go in your flow to where you are setting up msg.y and instead make it setup msg.payload, and also add a msg.topic if you wish, then that should do it. If you can't make it work show us how you are setting up msg.y.

Here is the function that formats my data. I repeat myself, I am a total beginner in Javascript and Node-RED, so please be kind ^^ var dateString = msg.payload.timestamp; // Format : "YYYY/MM/DD HH:MM" // Séparer la chaîne en composants var components = dateString.split(/[\s\/:]/); // Divise la chaîne en fonction des espaces, des barres obliques et des deux-points // Extraire les composants var annee = parseInt(components[0], 10); var mois = parseInt(components[1], 10)-1; // Note: Les mois commencent à 0, donc on soustrait 1 var jour = parseInt(components[2], 10); var heure = parseInt(components[3], 10); var minutes = parseInt(components[4], 10); // Créer l'objet Date var timestamp = new Date(Date.UTC(annee, mois, jour, heure, minutes)).getTime(); var value = msg.payload.Pbrute var toto = {"timestamp": timestamp, "payload": value} return {msg:toto};

I finally have something! I understood my mistake due to a lack of knowledge in JavaScript, but I'm on the right track! It's not perfect, but I have a start of a chart! My code : var dateString = msg.payload.timestamp; // Format : "YYYY/MM/DD HH:MM" // Séparer la chaîne en composants var components = dateString.split(/[\s\/:]/); // Divise la chaîne en fonction des espaces, des barres obliques et des deux-points // Extraire les composants var annee = parseInt(components[0], 10); var mois = parseInt(components[1], 10)-1; // Note: Les mois commencent à 0, donc on soustrait 1 var jour = parseInt(components[2], 10); var heure = parseInt(components[3], 10); var minutes = parseInt(components[4], 10); // Créer l'objet Date var timestamp = new Date(Date.UTC(annee, mois, jour, heure, minutes)).getTime(); var value = msg.payload.Pbrute var payload = value return {timestamp, payload};

Node-RED

Node-RED Forum

Request for help with ui_chart in Node-RED for beginners.

Dashboard

smanjunath211 11 December 2023 15:20 18

Try this. I had done this project for my own requirement.

Topic		Replies	Views
Node-RED dashboard chart node with timestamp Dashboard node-red-dashboard , database	2	924	29 January 2022
Inserting data in chart Dashboard database	3	593	18 November 2021
How can I show the chart from my data? General	12	422	19 June 2023
Can ui_chart import data from a database? Dashboard	6	1698	25 November 2018
Missing nodes in @flowfuse/node-red-dashboard Dashboard	8	219	16 September 2025

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.

Request for help with ui_chart in Node-RED for beginners.

Related topics