I am trying to modify a simple line plot with the msg.ui_control variable. However I am not sure which parameters are allowed. If I follow the table here I got basically the same parameters as in the ui_chart widget itself. If I try some more extended setting parameters according to the chartjs documentation most of the settings there are not working. for example a function like this: msg.payload = [{"series": series, "data": jsondata, "labels": labels}]; msg.ui_control = { options: { scales: { yAxes: { ticks: { max: 10 } } } } } msg.ui_control.options.scales.yAxes.ticks.min = 0; return msg; shows an empty plot when used as an input to a ui_chart node. Are the chart.js parameters not valid here?

The yAxes in your first post should be an array, see here Cartesian · Chart.js documentation Edit: I tried with your code above (array "[...]" added), and it doesn't work. To make it work I had to add some x axis configuration xAxes: [{ type: 'time', }], That worked

HI! I'm using that as well, see: [image] Dashboard UI Chart Legend Font SIze Dashboard Hi! Sorry for digging out this old thread, but I'm interested in customising my chart. I followed the suggestions here but I'm stuck. Maybe an image first: [image] Depending on the multistate switch I display the data. But I want to adjust the x-axis labels depending on the time interval. For the case in the image I'd like to have tick labels every 10 minutes. I tried: { "options": { "scales": { "xAxes": [ { "type": "time", … Try using strings in your object

Thanks for the hint! I placed the keywords in quotes (which should be obsolete for a JSON string) and now the plot reappears with the default axes ticks. Looks like the complete msg.ui_control is ignored.. :roll_eyes:

You are a hero :grinning: Indeed this works. Apparently you need a complete description of all axes. Thanks a lot!

You're welcome :smiley: [image] haegar33: Apparently you need a complete description of all axes. In my case I only cusomize my x-axis. So it seems you can modify your x-axis without using the y-axis, but you cannot modify the y-axis without the x-axis. Maybe - in contrast to my example above - an empty object is enough? I didn't test it...

It might test a little further but for now I am happy to have a line plot which displays correctly (and controlled) on my 8y old iPad as well as my latest PC. Not trivial considering all the issues with javasscript framework versions..

Node-RED

Node-RED Forum

Ui_control parameters for a line plot

Dashboard

Simon01011 22 March 2021 09:58 2

HI!

I'm using that as well, see:

Try using strings in your object

Topic		Replies	Views
Using msg.ui_control to set Chart node attributes Dashboard	10	749	18 June 2023
Formatting a chart Dashboard	0	366	29 August 2021
Change color of chart legend/axis and grid (Legacy Dashboard) Dashboard node-red-dashboard , chart	1	197	14 May 2024
Dashboard 2.0 ui_chart ui_update Dashboard dashboard-2	10	400	19 December 2024
ReferenceError: Chart is not defined (ui-template Chart.js) Dashboard	6	177	24 March 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.

Ui_control parameters for a line plot

Related topics