DB2 - how to set different color lines for multiple series

Lets say I want to have multiple series on the same chart (say temperature and humidity) I can't see in the documentation how to it.

Is it possible?

It should be doing that automatically? What are you seeing?

Ahh, I see what is happening. I have two series of readings, temperature and humidity both from the same location. I set the msg.topic to 'sunroom' in both. Changing them to 'sunroom Temp' and 'sunroom Hume' and I get two colors.

Will there be an option to pick the color, blue to light blue isn't so great

You can select the colours like DB1

yep, as @E1cid shared, it's the options on the ui-chart node already

Ok, I can see I can change the colors in the series colors.

So say I have two series that are sent to the chart at different times and I want temperature to be red and humidity to be blue. If I sent the temperature series is shows as red, then I send humidity and it shows as blue.

But if the humidity series is sent first it will be red and when the temperature series is send it will be blue.

So while you can select colors, you can't assign them to a particular series, you just get the color in the order of the series.

Great point - and one I've seen before, and thought I had an issue for, but couldn't find it - so I've opened one: UI Chart - Ensure consistency in mapping chart series to colours · Issue #1066 · FlowFuse/node-red-dashboard · GitHub

And I think I have a documentation update for you


shouldn't 'button' be 'chart'?

You are quite right :slight_smile:

@zenofmud I'm sure you've already found out, but...
We still haven't got 2 'y axis' - left & right, on the chart where we could set the scales differently.
Humidity can be anything up to 100%, whilst temperatures can be in single figures, which makes visualisation hard work.
I've had this very problem since the early days of DB2, especially whilst plotting power through a triac (0-2000W) comparing it's running temperatures (0-50C).
Hopefully more flexibility will be added in the future.

1 Like

For info Paul @zenofmud I've just raised an issue for this - Chart widget - 2 y-axis's · Issue #1070 · FlowFuse/node-red-dashboard · GitHub

1 Like