Hi - Does anyone know how to change the dashboard chart settings please? I am looking to customise the font size, tick marks, marker colours etc. I've inpsected the CSS elements and it seems the chart is a chart.js iframe. Does this mean I have to change the chart.js settings? How can I do this please? Thanks.

Something you can definitely find from those examples: [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":…

Thanks. This is great help. Would you be able to tell where I can find the documentation for msg.ui_control, if there is any?

Good place for every node is the Readme. And ofcourse the dashboard has one. GitHub - node-red/node-red-dashboard: A dashboard UI for Node-RED

Thanks. Should have looked here first. And I guess for the full options I can just refer to angular-chartjs options for the full list as per the readme. Marked as solved.

I've looked around more on the forum and noticed that there is another way to make changes other than the link you shared. In another answer you gave, you used a template node to modify the chart properties. Is this the only way to modify the datasets settings so I can set fill: true and modify background colours? Should this be a separate question?

Using the underlying library directly gives access to the datasets. It is not that much different question cos the outcome is still chart but yes, the technique changes and the syntax vary and yes, you'll have more options to play with. Like multiple chart types on same chart and so on.

Node-RED

Node-RED Forum

Dashboard chart settings - font, point colour, axis labels etc

Dashboard

hotNipi 28 November 2021 11:40 2

Something you can definitely find from those examples:

Topic		Replies	Views
Custom solution for Dashboard chart settings - font, point colour, axis labels, etc Share Your Projects node-red-dashboard , chart , ui-template	4	218	6 September 2025
Dashboard UI Chart Legend Font SIze Dashboard	29	5910	11 March 2021
Change text color in dashboard 2.0 chart node? Dashboard dashboard-2	1	343	9 February 2024
Using msg.ui_control to set Chart node attributes Dashboard	10	750	18 June 2023
Node-red-dashboard CHART Dashboard chart	0	329	3 February 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.

Dashboard chart settings - font, point colour, axis labels etc

Related topics