# Help Needed: Changing pie series color on Bubble Chart.js

**URL:** <https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200>\
**Category:** Plugins\
**Created:** [April 26, 2021, 11:31am UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200 "2021-04-26T11:31:46Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![help](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/help/32/166707_2.png) [@help](https://forum.bubble.io/u/help)\
**Post date:** [April 26, 2021, 11:31am UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/1 "2021-04-26T11:31:46Z")

</div>

Hi all,

I really need assistance changing the series colors for the Bubble official Chart.js plugin using the Donut element.

The Style is exposed only for line, not pie/donuts so we’re left with the default color setup as below:

 ![Screenshot 2021-04-26 at 12.29.22](https://us1.discourse-cdn.com/bubble/original/3X/a/6/a6cc7ddd7d6cd37b44790b39140988635d5b9bdf.png)

Any idea how I can change these colors? Happy to pay to get this done asap if it needs custom work.

Ideally I’d get it done with the Bubble official plugin as the GroupBy doesn’t seem to work with the other Chart.js plugins (see below):

 ![Screenshot 2021-04-26 at 12.30.34](https://us1.discourse-cdn.com/bubble/original/3X/d/9/d91bf5d4d0208dccb965c285881aa6eb89b09ac5.png)

Any ideas @Bubble @ZeroqodeTeam or anyone who can help?

Thanks in advance

---

<div class="post-metadata">

**Author:** ![anon26152888](https://avatars.discourse-cdn.com/v4/letter/a/f05b48/32.png) [@anon26152888](https://forum.bubble.io/u/anon26152888)\
**Post date:** [April 26, 2021, 11:52am UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/2 "2021-04-26T11:52:04Z")

</div>

So do you want to change the colors of each section?

---

<div class="post-metadata">

**Author:** ![help](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/help/32/166707_2.png) [@help](https://forum.bubble.io/u/help)\
**Post date:** [April 26, 2021, 11:52am UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/3 "2021-04-26T11:52:16Z")

</div>

Yes correct

---

<div class="post-metadata">

**Author:** ![anon26152888](https://avatars.discourse-cdn.com/v4/letter/a/f05b48/32.png) [@anon26152888](https://forum.bubble.io/u/anon26152888)\
**Post date:** [April 26, 2021, 11:53am UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/4 "2021-04-26T11:53:09Z")

</div>

So there is not any option to change it? Because that seems really weird. You could try another plugin.

---

<div class="post-metadata">

**Author:** ![help](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/help/32/166707_2.png) [@help](https://forum.bubble.io/u/help)\
**Post date:** [April 26, 2021, 11:53am UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/5 "2021-04-26T11:53:52Z")

</div>

Tried all of them but I can’t find one that works with groupings of data.

Yep no option to change the section colors for Donut chart, only line chart in the Bubble plugin

---

<div class="post-metadata">

**Author:** ![jared.gibb](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jared.gibb/32/123329_2.png) [@jared.gibb](https://forum.bubble.io/u/jared.gibb)\
**Post date:** [April 26, 2021, 11:54am UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/6 "2021-04-26T11:54:38Z")

</div>

If nobody else has already, this doesn’t sound too complicated and is something I could probably add to my chart plugin this week!

Imma help you out @help!

---

<div class="post-metadata">

**Author:** ![anon26152888](https://avatars.discourse-cdn.com/v4/letter/a/f05b48/32.png) [@anon26152888](https://forum.bubble.io/u/anon26152888)\
**Post date:** [April 26, 2021, 11:54am UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/7 "2021-04-26T11:54:57Z")

</div>

If you would like I can make a copy of the plugin and change the colors. If so what colors would you like?

---

<div class="post-metadata">

**Author:** ![help](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/help/32/166707_2.png) [@help](https://forum.bubble.io/u/help)\
**Post date:** [April 26, 2021, 11:55am UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/8 "2021-04-26T11:55:44Z")

</div>

Thanks a lot Nathan,

Is the plugin Copyable? It’s the official Bubble one so not sure if you’re allowed to do so?

---

<div class="post-metadata">

**Author:** ![help](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/help/32/166707_2.png) [@help](https://forum.bubble.io/u/help)\
**Post date:** [April 26, 2021, 11:56am UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/9 "2021-04-26T11:56:14Z")

</div>

Thanks Jared, which plugin did would you change? I’ll take a look at it and see if I can get it to display the data I need first

---

<div class="post-metadata">

**Author:** ![anon26152888](https://avatars.discourse-cdn.com/v4/letter/a/f05b48/32.png) [@anon26152888](https://forum.bubble.io/u/anon26152888)\
**Post date:** [April 26, 2021, 11:56am UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/10 "2021-04-26T11:56:20Z")

</div>

I’ll go check.

---

<div class="post-metadata">

**Author:** ![anon26152888](https://avatars.discourse-cdn.com/v4/letter/a/f05b48/32.png) [@anon26152888](https://forum.bubble.io/u/anon26152888)\
**Post date:** [April 26, 2021, 11:57am UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/11 "2021-04-26T11:57:44Z")

</div>

Any chance you can link the plugin? (There might not be a link I wasn’t sure.)

---

<div class="post-metadata">

**Author:** ![yusaney1](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/yusaney1/32/217015_2.png) [@yusaney1](https://forum.bubble.io/u/yusaney1)\
**Post date:** [April 26, 2021, 11:59am UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/12 "2021-04-26T11:59:31Z")

</div>

Hey @help, sent you PM.

---

<div class="post-metadata">

**Author:** ![help](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/help/32/166707_2.png) [@help](https://forum.bubble.io/u/help)\
**Post date:** [April 26, 2021, 12:00pm UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/13 "2021-04-26T12:00:18Z")

</div>

This is the one I have 99% done and working, but no color change. It doesn’t actually have a shareable link:

 ![Screenshot 2021-04-26 at 12.59.43](https://us1.discourse-cdn.com/bubble/original/3X/a/b/abcdc967708b4c04c1c737a52c01c59debb96892.jpeg)

---

<div class="post-metadata">

**Author:** ![anon26152888](https://avatars.discourse-cdn.com/v4/letter/a/f05b48/32.png) [@anon26152888](https://forum.bubble.io/u/anon26152888)\
**Post date:** [April 26, 2021, 12:04pm UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/14 "2021-04-26T12:04:25Z")

</div>

I think I have a way to find it be right back.

---

<div class="post-metadata">

**Author:** ![help](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/help/32/166707_2.png) [@help](https://forum.bubble.io/u/help)\
**Post date:** [April 26, 2021, 12:07pm UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/15 "2021-04-26T12:07:13Z")

</div>

Hey @NathanJones,

Thanks a lot but please don’t worry- I’ve just found a plugin (Zeroqode Charts) that lets me do it and is working!

Thanks so much for your help here

---

<div class="post-metadata">

**Author:** ![anon26152888](https://avatars.discourse-cdn.com/v4/letter/a/f05b48/32.png) [@anon26152888](https://forum.bubble.io/u/anon26152888)\
**Post date:** [April 26, 2021, 12:07pm UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/16 "2021-04-26T12:07:56Z")

</div>

Ok thats great! Have a good one!

---

<div class="post-metadata">

**Author:** ![jared.gibb](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jared.gibb/32/123329_2.png) [@jared.gibb](https://forum.bubble.io/u/jared.gibb)\
**Post date:** [April 26, 2021, 1:03pm UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/17 "2021-04-26T13:03:01Z")

</div>

Zeroqode for the win!

I still want to add this in! Thanks for the inspiration!

---

<div class="post-metadata">

**Author:** ![gperrine](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gperrine/32/197276_2.png) [@gperrine](https://forum.bubble.io/u/gperrine)\
**Post date:** [December 27, 2023, 5:25pm UTC](https://forum.bubble.io/t/help-needed-changing-pie-series-color-on-bubble-chart-js/148200/18 "2023-12-27T17:25:52Z")

</div>

Hi All! Was there ever a resolution found for this? We are using this to create a modular dashboard with an undefined set of series. The functionality works great, but the pie chart colors are not on brand.

Any help is appreciated!
