# Dashboard2 Chart Pie bahaviour

**URL:** <https://discourse.nodered.org/t/dashboard2-chart-pie-bahaviour/100570>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [15 March 2026 12:44 UTC](https://discourse.nodered.org/t/dashboard2-chart-pie-bahaviour/100570 "2026-03-15T12:44:27Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![warnert](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/warnert/32/108132_2.png) [@warnert](https://discourse.nodered.org/u/warnert)\
**Post date:** [15 March 2026 12:44 UTC](https://discourse.nodered.org/t/dashboard2-chart-pie-bahaviour/100570/1 "2026-03-15T12:44:27Z")

</div>

I have 6 values (numer of particles of a certain size) that I want to display in a pie-chart.  
In Dashboard 1 that works perfect, you get a nice pie-chart with the contribution of the range of particle size. In Dashboard 2 I cannot get it to work.  
The values come form 6 MQTT node each with an own topic.  
What to choose in the form to get a nice pie-chart?  
Below the Dashboard1 page

 ![particles](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/b/3b93d6634a7e5b5605871d544d6e0924e65c3dc4.jpeg)

---

<div class="post-metadata">

**Author:** ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)\
**Post date:** [15 March 2026 13:02 UTC](https://discourse.nodered.org/t/dashboard2-chart-pie-bahaviour/100570/2 "2026-03-15T13:02:44Z")

</div>

See [Chart ui-chart | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/nodes/widgets/ui-chart#pie-doughnut-charts) for data format options

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [15 March 2026 13:27 UTC](https://discourse.nodered.org/t/dashboard2-chart-pie-bahaviour/100570/3 "2026-03-15T13:27:39Z")

</div>

Then if you still can't get it to work show us what the mqtt data looks like.

[Edit] Also tell us what is wrong with the output you have shown. The pie chart seems to match the data shown below it.

[More Edit] Oh, that is what you got from D1.

---

<div class="post-metadata">

**Author:** ![warnert](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/warnert/32/108132_2.png) [@warnert](https://discourse.nodered.org/u/warnert)\
**Post date:** [15 March 2026 15:27 UTC](https://discourse.nodered.org/t/dashboard2-chart-pie-bahaviour/100570/4 "2026-03-15T15:27:28Z")

</div>

This is what I feed into the chart:

> 15-3-2026, 16:14:01[node: debug 90](http://192.168.17.70:1880/#)PMS5003/data.particles\_03um : msg : Object

> { topic: "PMS5003/data.particles\_03um", payload: 600, qos: 0, retain: false, \_topic: "PMS5003/data.particles\_03um" … }

> 15-3-2026, 16:14:01[node: debug 90](http://192.168.17.70:1880/#)PMS5003/data.particles\_05um : msg : Object

> { topic: "PMS5003/data.particles\_05um", payload: 164, qos: 0, retain: false, \_topic: "PMS5003/data.particles\_05um" … }

> 15-3-2026, 16:14:01[node: debug 90](http://192.168.17.70:1880/#)PMS5003/data.particles\_10um : msg : Object

> { topic: "PMS5003/data.particles\_10um", payload: 15, qos: 0, retain: false, \_topic: "PMS5003/data.particles\_10um" … }

> 15-3-2026, 16:14:01[node: debug 90](http://192.168.17.70:1880/#)PMS5003/data.particles\_25um : msg : Object

> { topic: "PMS5003/data.particles\_25um", payload: 3, qos: 0, retain: false, \_topic: "PMS5003/data.particles\_25um" … }

> 15-3-2026, 16:14:01[node: debug 90](http://192.168.17.70:1880/#)PMS5003/data.particles\_50um : msg : Object

> { topic: "PMS5003/data.particles\_50um", payload: 1, qos: 0, retain: false, \_topic: "PMS5003/data.particles\_50um" … }

> 15-3-2026, 16:14:01[node: debug 90](http://192.168.17.70:1880/#)PMS5003/data.particles\_100um : msg : Object

> { topic: "PMS5003/data.particles\_100um", payload: 0, qos: 0, retain: false, \_topic: "PMS5003/data.particles\_100um" … }

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [15 March 2026 15:31 UTC](https://discourse.nodered.org/t/dashboard2-chart-pie-bahaviour/100570/5 "2026-03-15T15:31:00Z")

</div>

Please don't post images. Use text copy/paste.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [15 March 2026 15:41 UTC](https://discourse.nodered.org/t/dashboard2-chart-pie-bahaviour/100570/6 "2026-03-15T15:41:53Z")

</div>

The docs are not perfect until one has a bit of experience. Try it like this.

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

The X value identifies the key and Y value represents the value. You only want a simple pie chart (not concentric arcs) so Series is none.

You can clear it by passing in an empty array.

---

<div class="post-metadata">

**Author:** ![warnert](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/warnert/32/108132_2.png) [@warnert](https://discourse.nodered.org/u/warnert)\
**Post date:** [15 March 2026 15:45 UTC](https://discourse.nodered.org/t/dashboard2-chart-pie-bahaviour/100570/7 "2026-03-15T15:45:34Z")

</div>

I deleted the chart I had and made a new one with the above settings and that worked.  
Thanks

---

<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:** [29 March 2026 15:45 UTC](https://discourse.nodered.org/t/dashboard2-chart-pie-bahaviour/100570/8 "2026-03-29T15:45:59Z")

</div>

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