Custom solution for Dashboard chart settings - font, point colour, axis labels, etc

Share Your Projects
, ,
1

Hello there I’m currently working on an IoT project so I had the need to customize Node-RED charts so what I did was to use a function before the chart where I modify all the settings for the chart so I can visualize it better. I couldn’t really find a lot of easy info on it. So hopefully this will help some people save some time. Here is an example of what I could pull off, also the YouTube link where I explain what I did in detail with the GitHub repo.
Edit: I am using the “node-red-dashboard” library v 3.6.6 to get the charts.

image
image923×568 77.7 KB

4

Looks interesting for those who want to see the flow json here is the github page IOT_PROYECTS/NODE_RED_Customizable_Graphs.json at main · balopez4/IOT_PROYECTS · GitHub
could you possibly uplooad to the flow library too:?

1 Like
5

I just want to add that this is an example for the original dashboard not dashboard-2

2 Likes
6

Also noting that, for D2, there is an imminent migration from Chart.js to ECharts.

1 Like