Hi, I am looking for solution where I can create a line chart , audio waveforms on node-red defining x axis(voltage) and Y -axis(current). Any ways that I can make use of dashboard board chart for this?

Couple of example's to explore [image] Dashboard tips. ui_chart with linear x-axis Dashboard A little example about ui_chart advanced configuration. Catch the Boson stuck_out_tongue boom [image] [{"id":"1076704a.386908","type":"ui_button","z":"7ee51301.a9185c","name":"","group":"c7a27394.057878","order":1,"width":1,"height":1,"passthru":false,"label":"GO","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"date","topic":"reset","x":190,"y":360,"wires":[["1c612e7d.432ac2"]]},{"id":"f84ec1a3.50318","type":"ui_chart","z":"7ee51301.a9185c","name":"","group":…

Yes you can use non time series format e.g [{ "series": ["X" ], "data": [ [5,6,9,10] ], "labels": [ 24, 25, 23, 26 ] }] where labels is the voltages and data the current more info here about formats, also in the help text https://github.com/node-red/node-red-dashboard/blob/master/Charts.md

Just to check: You are displaying an audio wave on a chart and want x to be the voltage? So the wave is vertical on the screen? Usually they are done horizontally. Just checking.

[image] Trying_to_learn: You are displaying an audio wave on a chart and want x to be the voltage? It is charting current against voltage. The usual way of displaying that is to have volts on the x axis and current on the y, which is the stated requirement here.

Hi, I am plotting voltage vs current waveform where I want to fetch real time data from serial input. plot the line chart. I am actually looking for a line where my real-time data is plotted on. **[ { "id": "c6d1832664c2174f", "type": "function", "z": "b1d2a17489d1cb3e", "name": "", "func": "var m={};\nm.labels = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"];\nm.series = ['Series A', 'Series B', 'Series C'];\nreturn {payload:[m]};", "outputs": 1, "timeout": "", "noerr": 0, "initialize": "", "finalize": "", "libs": [], "x": 300, "y": 600, "wires": [ [ "d7b0e6e47a33afbb" ] ] }, { "id": "d7b0e6e47a33afbb", "type": "ui_chart", "z": "b1d2a17489d1cb3e", "name": "", "group": "89749fb7.87f01", "order": 1, "width": 0, "height": 0, "label": "line chart", "chartType": "line", "legend": "true", "xformat": "auto", "interpolate": "linear", "nodata": "No Data", "dot": false, "ymin": "", "ymax": "", "removeOlder": 1, "removeOlderPoints": "", "removeOlderUnit": "3600", "cutout": 0, "useOneColor": false, "useUTC": false, "colors": [ "#1f77b4", "#aec7e8", "#ff7f0e", "#2ca02c", "#98df8a", "#d62728", "#ff9896", "#9467bd", "#c5b0d5" ], "outputs": 1, "useDifferentColor": false, "className": "", "x": 500, "y": 600, "wires": [ [] ] }, { "id": "712902dc584e7d7e", "type": "ui_button", "z": "b1d2a17489d1cb3e", "name": "", "group": "ab397e95.29ebe", "order": 5, "width": 0, "height": 0, "passthru": false, "label": "array", "tooltip": "", "color": "", "bgcolor": "", "className": "", "icon": "", "payload": "", "payloadType": "str", "topic": "", "topicType": "str", "x": 110, "y": 600, "wires": [ [ "c6d1832664c2174f" ] ] }, { "id": "89749fb7.87f01", "type": "ui_group", "name": "Charts", "tab": "d7901f40.2659d", "order": 2, "disp": false, "width": "6" }, { "id": "ab397e95.29ebe", "type": "ui_group", "name": "Inputs", "tab": "d7901f40.2659d", "order": 1, "disp": false, "width": "6" }, { "id": "d7901f40.2659d", "type": "ui_tab", "name": "Charts", "icon": "dashboard", "order": 2 } ]**

Slightly confused can you show an example of what the chart must look like, a sketch on a paper will do then post an image. Also examples of incoming messages would help.

Node-RED

Node-RED Forum

Creating a Chart with different domains

Dashboard

hotNipi 28 November 2023 07:56 2

Couple of example's to explore

Topic		Replies	Views
How to Plot line chart of real time data General	20	7074	4 February 2021
Chart line in Dashboard Dashboard	10	3617	17 June 2022
Y vs X line plot using Dashboard 2 chart Dashboard node-red-dashboard , dashboard-2	1	210	16 February 2025
Node-Red Dashboard (X-axis doesn't show any values) Dashboard	13	376	28 December 2022
Creating a chart with custom X-axis values in Node-RED Dashboard using the "chart" node. Dashboard node-red-dashboard	2	487	10 July 2023

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.

Creating a Chart with different domains

Related topics