# Node Red Dashboard Donut gauge multiple slice

**URL:** <https://discourse.nodered.org/t/node-red-dashboard-donut-gauge-multiple-slice/31017>\
**Category:** Dashboard\
**Created:** [1 August 2020 16:59 UTC](https://discourse.nodered.org/t/node-red-dashboard-donut-gauge-multiple-slice/31017 "2020-08-01T16:59:44Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![davidz](https://avatars.discourse-cdn.com/v4/letter/d/a88e57/32.png) [@davidz](https://discourse.nodered.org/u/davidz)\
**Post date:** [1 August 2020 16:59 UTC](https://discourse.nodered.org/t/node-red-dashboard-donut-gauge-multiple-slice/31017/1 "2020-08-01T16:59:44Z")

</div>

I have spent quite some time searching for a solution: Is there a way to show multiple slices in the Donut gauge on the dashboard? Currently, I can only show one number that feed into the Donut gauge. Please see the attached picture ![Capture](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/8/18ebd5808b91c9d02b25cbf21882a7bef113a9d5.jpeg)

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [1 August 2020 18:31 UTC](https://discourse.nodered.org/t/node-red-dashboard-donut-gauge-multiple-slice/31017/2 "2020-08-01T18:31:58Z")

</div>

I can't think of a way using the default widget.

---

<div class="post-metadata">

**Author:** ![davidz](https://avatars.discourse-cdn.com/v4/letter/d/a88e57/32.png) [@davidz](https://discourse.nodered.org/u/davidz)\
**Post date:** [1 August 2020 18:41 UTC](https://discourse.nodered.org/t/node-red-dashboard-donut-gauge-multiple-slice/31017/3 "2020-08-01T18:41:58Z")

</div>

Thanks. I decided to use pie chart instead. The problem with Dashboard pie chart is that the labels are placed on the left top side, which makes the widget look unbalanced. Most pie charts put the labels either on top or bottom of the pie.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [1 August 2020 18:44 UTC](https://discourse.nodered.org/t/node-red-dashboard-donut-gauge-multiple-slice/31017/4 "2020-08-01T18:44:50Z")

</div>

most widgets are wider than they are tall so putting legend at top make them really tiny graphs - so putting at the side gives the graph more space.

---

<div class="post-metadata">

**Author:** ![davidz](https://avatars.discourse-cdn.com/v4/letter/d/a88e57/32.png) [@davidz](https://discourse.nodered.org/u/davidz)\
**Post date:** [2 August 2020 05:13 UTC](https://discourse.nodered.org/t/node-red-dashboard-donut-gauge-multiple-slice/31017/5 "2020-08-02T05:13:15Z")

</div>

Umm. I am attaching a picture so that you know what I mean. It would be great if the pie chart circle is in the middle. Right now it looks unbalanced. ![Capture](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/4/c4e5300ce9beda237bbf52986fa350d87a77e063.jpeg)

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [2 August 2020 14:16 UTC](https://discourse.nodered.org/t/node-red-dashboard-donut-gauge-multiple-slice/31017/6 "2020-08-02T14:16:14Z")

</div>

Follow this thread to find tricks to get it centred. Not straightforward but possible. [How to edit pie chart width and height with ui\_template](https://discourse.nodered.org/t/how-to-edit-pie-chart-width-and-height-with-ui-template/27060)

---

<div class="post-metadata">

**Author:** ![davidz](https://avatars.discourse-cdn.com/v4/letter/d/a88e57/32.png) [@davidz](https://discourse.nodered.org/u/davidz)\
**Post date:** [2 August 2020 18:18 UTC](https://discourse.nodered.org/t/node-red-dashboard-donut-gauge-multiple-slice/31017/7 "2020-08-02T18:18:04Z")

</div>

Thanks Nipi. I will check it out 🙂

---

<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:** [16 August 2020 18:18 UTC](https://discourse.nodered.org/t/node-red-dashboard-donut-gauge-multiple-slice/31017/8 "2020-08-16T18:18:18Z")

</div>

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