Changing the line width in a multi line chart

[jomifa]

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?

I use nodered 3.1.9

Regards
Joachim

[jomifa]

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

[hotNipi]

Maybe this thread can help you out

Changing line thickness in ui_chart

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]

[jomifa]

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:

[E1cid]

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 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.

[jomifa]

@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