# \[Feature-12756\] Piechart property question: text color,legend,and border

**URL:** <https://forum.inductiveautomation.com/t/feature-12756-piechart-property-question-text-color-legend-and-border/26427>\
**Category:** Ignition Early Access\
**Tags:** ignition80\
**Created:** [July 10, 2019, 9:34am UTC](https://forum.inductiveautomation.com/t/feature-12756-piechart-property-question-text-color-legend-and-border/26427 "2019-07-10T09:34:14Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![jianping.li](https://avatars.discourse-cdn.com/v4/letter/j/c89c15/32.png) [@jianping.li](https://forum.inductiveautomation.com/u/jianping.li)\
**Post date:** [July 10, 2019, 9:34am UTC](https://forum.inductiveautomation.com/t/feature-12756-piechart-property-question-text-color-legend-and-border/26427/1 "2019-07-10T09:34:14Z")

</div>

I use Igntiion8 Nightly 8.0.3 and I have some questions about piechart.

1 the text color style seems does not work. I set the background dark and want a white text color.  
2 If I want to put the legend on the left side or the right side?  
3 I find the legend icons have a light border, can I remove it?

hope an a nswer 🙂

 ![PieChart%E9%97%AE%E9%A2%98](https://us1.discourse-cdn.com/inductiveautomation/original/2X/a/af889d98d5a65c138580b3273e168b1673266479.png)

---

<div class="post-metadata">

**Author:** ![ynejati](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ynejati/32/6093_2.png) [@ynejati](https://forum.inductiveautomation.com/u/ynejati)\
**Post date:** [July 17, 2019, 2:55pm UTC](https://forum.inductiveautomation.com/t/feature-12756-piechart-property-question-text-color-legend-and-border/26427/2 "2019-07-17T14:55:26Z")

</div>

Hi,

So the pie chart has kind of taken a back seat while we’ve been working on other higher priority items. We do have a large ticket awaiting review that includes lots of feature and performance updates for the pie chart. As it stands now, you can’t do any of those things you’ve mentioned, sadly. The pie chart is one big SVG that sits in a container. The style prop actually applies to the container that the pie chart sits in and not the pie chart itself. Using ‘color’ in styles won’t work, since those labels are actually SVG text elements. I will bring up this large ticket internally and update you on any developments. Thanks for your patience.

–Yousuf

---

<div class="post-metadata">

**Author:** ![mmurphy](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmurphy/32/11430_2.png) [@mmurphy](https://forum.inductiveautomation.com/u/mmurphy)\
**Post date:** [October 29, 2019, 10:02pm UTC](https://forum.inductiveautomation.com/t/feature-12756-piechart-property-question-text-color-legend-and-border/26427/3 "2019-10-29T22:02:52Z")

</div>

@ynejati Is there a way to change the legend to show total records instead of percentages?

---

<div class="post-metadata">

**Author:** ![ynejati](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ynejati/32/6093_2.png) [@ynejati](https://forum.inductiveautomation.com/u/ynejati)\
**Post date:** [October 30, 2019, 2:46pm UTC](https://forum.inductiveautomation.com/t/feature-12756-piechart-property-question-text-color-legend-and-border/26427/4 "2019-10-30T14:46:25Z")

</div>

No, unfortunately not at the moment. We haven’t exposed the ability to format labels yet. Let me get back to you about this.

---

<div class="post-metadata">

**Author:** ![Paul.Scott](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul.scott/32/4578_2.png) [@Paul.Scott](https://forum.inductiveautomation.com/u/Paul.Scott)\
**Post date:** [February 10, 2020, 5:15pm UTC](https://forum.inductiveautomation.com/t/feature-12756-piechart-property-question-text-color-legend-and-border/26427/5 "2020-02-10T17:15:41Z")

</div>

For posterity, the 8.0.9 nightly build available today provides new formatting properties, and a way to show values instead of percentages on the component.

---

<div class="post-metadata">

**Author:** ![danieltalbot](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/danieltalbot/32/11201_2.png) [@danieltalbot](https://forum.inductiveautomation.com/u/danieltalbot)\
**Post date:** [January 20, 2021, 11:10pm UTC](https://forum.inductiveautomation.com/t/feature-12756-piechart-property-question-text-color-legend-and-border/26427/6 "2021-01-20T23:10:53Z")

</div>

Is there a way to align the legend to the side of the pie chart?  
I have a wide area where the pie chart would look better having the legend to the left instead of beneath the pie.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/f/4facd7d7c45f140df5cef71fb7234399804b33bb.png)

---

<div class="post-metadata">

**Author:** ![Paul.Scott](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul.scott/32/4578_2.png) [@Paul.Scott](https://forum.inductiveautomation.com/u/Paul.Scott)\
**Post date:** [January 21, 2021, 1:22am UTC](https://forum.inductiveautomation.com/t/feature-12756-piechart-property-question-text-color-legend-and-border/26427/7 "2021-01-21T01:22:20Z")

</div>

Your timing is impeccable. Version 8.1.2 (the RC came out yesterday, production release should be available in a couple of weeks) added some new properties to the pie chart, including a `props.legend.position` property that does exactly what you’re looking for.

 ![pieChart](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/6/b6757cc0b12f88790a8fbc3d1ea31c55195e066b.png)
