# Use a bar chart the simpler way - dashboard 2

**URL:** <https://discourse.nodered.org/t/use-a-bar-chart-the-simpler-way-dashboard-2/100421>\
**Category:** Dashboard\
**Tags:** ui-chart\
**Created:** [20 February 2026 12:04 UTC](https://discourse.nodered.org/t/use-a-bar-chart-the-simpler-way-dashboard-2/100421 "2026-02-20T12:04:29Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![BambosD](https://avatars.discourse-cdn.com/v4/letter/b/54ee81/32.png) [@BambosD](https://discourse.nodered.org/u/BambosD)\
**Post date:** [20 February 2026 12:04 UTC](https://discourse.nodered.org/t/use-a-bar-chart-the-simpler-way-dashboard-2/100421/1 "2026-02-20T12:04:29Z")

</div>

Hello everyone,

I'm trying to visualize status data in a simpler form on bar chart.  
Axis X , the devices with string names, device 1, 2, 3.  
Axis Y, is online status, True or False, 1 or 0.

It seems to me that the object needs a lot more data to work with this, and i can't see in the documentation a simpler way to pass data.

In my inject node i have this:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/8/b89089b85d60dce2a9c5231687aa293a4409e55d.png)

In chart settings i have this:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/2/1244f7d64f22df5d859b47f80102e282472db77a.png)

But is not showing the data horizontally.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/3/4305a36ac3bbccabbfba0b778ccd783e3c1d5d75.png)

any comments appreciated.

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [20 February 2026 13:10 UTC](https://discourse.nodered.org/t/use-a-bar-chart-the-simpler-way-dashboard-2/100421/2 "2026-02-20T13:10:14Z")

</div>

Pass your data as msg.payload, an array of objects, such as you might acquire from a database query:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/3/a36f2940eaf49ac4e5267f8b8c7d71febe161858.png)

In the chart node use key: device and key:status

---

<div class="post-metadata">

**Author:** ![BambosD](https://avatars.discourse-cdn.com/v4/letter/b/54ee81/32.png) [@BambosD](https://discourse.nodered.org/u/BambosD)\
**Post date:** [20 February 2026 13:28 UTC](https://discourse.nodered.org/t/use-a-bar-chart-the-simpler-way-dashboard-2/100421/3 "2026-02-20T13:28:26Z")

</div>

Thank you jbudd, looks like is different series because of different colours, but does the job.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/1/e1640ab68bae56c37ae223a4b4a4993312f4af5a.png)

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [20 February 2026 14:01 UTC](https://discourse.nodered.org/t/use-a-bar-chart-the-simpler-way-dashboard-2/100421/4 "2026-02-20T14:01:27Z")

</div>

Try specifying the series as a string.

There is an example in the chart docs on flowfuse.

---

<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:** [22 March 2026 14:01 UTC](https://discourse.nodered.org/t/use-a-bar-chart-the-simpler-way-dashboard-2/100421/5 "2026-03-22T14:01:53Z")

</div>

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