Hi, I have a temperature timeseries ui-chart, the series is specified by topic, data from the sensors (mqqt) arrive at different timestamps. Because I don't know which data arrives first when i start, the colors in the ui-chart are always different. Is it possible to specify the color for the se…

thanks for the information, it seems, that when the graph shifts the data (i log the temperature for 24h), the first point that is then plottet in the graph get's the first color, so i have always different colors for the different traces, what is confusing. also I don't get the correponding col…

If you add a flow that, at startup, sends a message with each of your topics, in the right order, and with empty payloads, then it should allocate the colours in that order. At least that is how to do it on D1. I haven't tried it on D2

I did this as workaround, but its' useless when the color changes again when time data is shifted. var msg0 = { "topic": "Aussen Süd", "payload": [] } // clear var msg1 = { "topic": "Aussen Süd", "payload": 0 } var msg2 = { "topic": "Wohnzimmer", "payload": 0 } var msg3 = { "topic": "Bad", "payload…

[image] RedTom: when time data is shifted Can you describe exactly what you mean by that?

I try (my english can be improved :slightly_smiling_face:), new data is appended to the chart and X-Axis limit last 1 Days or 1000 points so old data leaves the chart. at the time the chart starts, it is undefined which topic is plotted first.

[image] RedTom: at the time the chart starts, it is undefined which topic is plotted first. The chart should not restart, points should just drop off the left hand side as they are added to the right hand side.

I don't mean that the chart is restarted, the pictures above are like you say "points should just drop off the left hand side as they are added to the right " in the first temperatue picture the first point is from topic "Aussen Nord" (gets color blue) in the second temperatue picture (no chart …

Oh, do you mean the colours just suddenly change as you are watching the chart?

yes, i did not restart anything, it takes some time because chart is 24 hours, but it changes

Could it be that the colours change when the page is refreshed?

Node-RED

Node-RED Forum

Dashboard2 ui-chart timeseries colors

Dashboard

Colin 14 May 2024 16:27 8

The chart should not restart, points should just drop off the left hand side as they are added to the right hand side.

Topic		Replies	Views
Weird chart happenings Dashboard	13	498	3 November 2021
How to change the UI_chart series line color in dashboard 2 by message payload? Dashboard ui-chart	12	260	5 August 2025
Old topic now new, chart line colorization? General	10	673	27 August 2022
Chart color setting Dashboard	13	229	30 January 2026
Dashboard 2.0 ui-chart, prevent line color changes for certain data Dashboard dashboard-2 , ui-chart	4	70	21 February 2026

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.

Dashboard2 ui-chart timeseries colors

Related topics