Hello, I am displaying several charts in an aggregated line diagram. Node-red-contrib-aggregator is used here. However, the charts are displayed in a very thick line width. Is it possible to make the line thickness thinner? [Linien Diagramm] [Linien Diagramm Ausgabe] I use nodered 3.1.9 Regards Joachim

Hey guys, it can't be that nobody can help me here. Get off your Olympus and help a beginner

Maybe this thread can help you out [image] Changing line thickness in ui_chart Dashboard What is the correct way to use msg.ui_control to change the line thickness in a ui_chart? I've seen this post, and example by @hotNipi - and I'm adding msg.ui_control in the function which formats the chart data, a simplified extract would be; msg.payload = chartdata; msg.topic = 'status'; msg.ui_control = { "options": { "elements": { "line": { "borderWidth": 1 } } } } ...which changes the chart unexpectedly! [chart]

I have integrated ui_control into my function. The line thickness has improved. However, I get bold measuring points. In addition, a background color is added to the individual graphs. function: var topic; var payload; var ui_control; for (let i = 0; i < 6; i++) { switch (i) { case 0: topic = null; payload = []; // clear chart break; case 1: topic = 'PV [W]'; payload = 0; break; case 2: topic = 'Hausverbrauch [W]'; payload = 0; break; case 3: topic = 'Netz [W]'; payload = 0; break; case 4: topic = 'Akku [W]'; payload = 0; break; case 5: topic = 'Wallbox [W]'; payload = 0; break; } **ui_control = { "options": { "elements": { "line": { "borderWidth": 1 } } } }** var newmsg = {payload:payload,topic:topic,ui_control:ui_control}; node.send(newmsg); } return; The diagram then looks like this: [grafik]

In order to make code readable and usable it is necessary to surround your code with three backticks (also known as a left quote or backquote ```) ``` code goes here ``` You can edit and correct your post by clicking the pencil :pencil2: icon. See this post for more details - How to share code or flow json As to your issue, try using the ui_control object from the post marked as the solution.

[image] E1cid: As to your issue, try using the ui_control object from the post marked as the solution Thanks for the info and yes, it looks better now

Node-RED

Node-RED Forum

Changing the line width in a multi line chart

Dashboard

hotNipi 25 June 2024 12:25 3

Maybe this thread can help you out

Topic		Replies	Views
Changing line thickness in ui_chart Dashboard	2	1085	14 March 2021
How To Change Line Thickness of Chart General	2	1938	30 July 2019
DB2 CSS - Change chart line thickness Dashboard dashboard-2	11	420	18 October 2024
Styling a line chart Dashboard node-red-dashboard , dashboard-2	6	1036	5 October 2024
Line thickness of chart Dashboard chart , dashboard-2	6	197	6 November 2025

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.

Changing the line width in a multi line chart

Related topics