# Settings charts

**URL:** <https://discourse.nodered.org/t/settings-charts/91205>\
**Category:** Dashboard\
**Created:** [23 September 2024 11:39 UTC](https://discourse.nodered.org/t/settings-charts/91205 "2024-09-23T11:39:18Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Udina](https://avatars.discourse-cdn.com/v4/letter/u/a3d4f5/32.png) [@Udina](https://discourse.nodered.org/u/Udina)\
**Post date:** [23 September 2024 11:39 UTC](https://discourse.nodered.org/t/settings-charts/91205/1 "2024-09-23T11:39:18Z")

</div>

Do you have a solution to prevent that all the points in chart are not connected to each other :

 ![Capture d’écran 2024-09-20 164910](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/8/2865948b21fa8ad6466742f5460cb41eb4f8eb6e.png)

here is the setting of a “PRECIPITAION” node

 ![Capture d’écran 2024-09-20 164910](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/b/eb1b8beed252bf8c94b2e8c94c26a418888e6a01.png)

Do you also know of other possible settings for the dashboard graphics?

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [23 September 2024 11:54 UTC](https://discourse.nodered.org/t/settings-charts/91205/2 "2024-09-23T11:54:07Z")

</div>

I suppose you are using dashboard-1.  
If you are just starting to develop, i suggesgt going for dashboard-2 or uibuilder.

aside,  
you can use css styling to get what you require i believe.

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [23 September 2024 12:23 UTC](https://discourse.nodered.org/t/settings-charts/91205/3 "2024-09-23T12:23:21Z")

</div>

If you do not want the points connected you can repeat the message but send null instead of a payload value  
you can also send ui-control messages using the ui\_control property  
e.g

```auto
{
    "options": {
        "elements": {
            "line": {
                "borderWidth": 1,
                "fill": true
            },
            "point": {
                "radius": 0
            }
        }
    }
}

```

You can search for more options here [Line Chart | Chart.js](https://www.chartjs.org/docs/latest/charts/line.html), but remember dashboard 1 uses an older version.

So you may want to switch to Dashboard 2 as it is new and uder full development.

---

<div class="post-metadata">

**Author:** ![Udina](https://avatars.discourse-cdn.com/v4/letter/u/a3d4f5/32.png) [@Udina](https://discourse.nodered.org/u/Udina)\
**Post date:** [24 September 2024 11:30 UTC](https://discourse.nodered.org/t/settings-charts/91205/4 "2024-09-24T11:30:26Z")

</div>

Thank you for your answers, I will start using dashboard 2 immediately so as not to fall too far behind modernism 😋

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [24 September 2024 14:47 UTC](https://discourse.nodered.org/t/settings-charts/91205/5 "2024-09-24T14:47:09Z")

</div>

In Dashboard 2.0 - we have a "Scatter" chart type, which will just draw the points on the chart, no lines.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [24 October 2024 14:47 UTC](https://discourse.nodered.org/t/settings-charts/91205/6 "2024-10-24T14:47:41Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.