# Pie Chart Canvas - Show only pencertage as label to prevent overlapping

**URL:** <https://discuss.elastic.co/t/pie-chart-canvas-show-only-pencertage-as-label-to-prevent-overlapping/308103>\
**Category:** Kibana\
**Tags:** canvas\
**Created:** [June 24, 2022, 11:05am UTC](https://discuss.elastic.co/t/pie-chart-canvas-show-only-pencertage-as-label-to-prevent-overlapping/308103 "2022-06-24T11:05:17Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Chiaaa](https://avatars.discourse-cdn.com/v4/letter/c/d78d45/32.png) [@Chiaaa](https://discuss.elastic.co/u/Chiaaa)\
**Post date:** [June 24, 2022, 11:05am UTC](https://discuss.elastic.co/t/pie-chart-canvas-show-only-pencertage-as-label-to-prevent-overlapping/308103/1 "2022-06-24T11:05:17Z")

</div>

Hi,

I want to create a pie chart in Canvas and I set the "Show Labels" property.  
The labels overlapping, so I would like to know if is possibile set css properties or something similar that allow me to show only the percentage as label (so I would like to see in my chart "45%" and not "Chiara 45%).

I use Kibana v 7.14.1

Is possibile ?  
Thank you,  
Chiara

---

<div class="post-metadata">

**Author:** ![Felix\_Roessel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/felix_roessel/32/41623_2.png) [@Felix\_Roessel](https://discuss.elastic.co/u/Felix_Roessel)\
**Post date:** [June 24, 2022, 11:07am UTC](https://discuss.elastic.co/t/pie-chart-canvas-show-only-pencertage-as-label-to-prevent-overlapping/308103/2 "2022-06-24T11:07:47Z")

</div>

Did you try to create a Lens based Pie chart and add this to canvas?  
This should do this automatically for you.

Changing the Look and Feel of the Pie chart element using CSS within Canvas can get a bit complicated.

---

<div class="post-metadata">

**Author:** ![Chiaaa](https://avatars.discourse-cdn.com/v4/letter/c/d78d45/32.png) [@Chiaaa](https://discuss.elastic.co/u/Chiaaa)\
**Post date:** [June 24, 2022, 2:00pm UTC](https://discuss.elastic.co/t/pie-chart-canvas-show-only-pencertage-as-label-to-prevent-overlapping/308103/3 "2022-06-24T14:00:27Z")

</div>

Hi @Felix_Roessel !

I didn't imported a Lens because I need to make some graphic customization that aren't possible in Lens.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [July 22, 2022, 2:00pm UTC](https://discuss.elastic.co/t/pie-chart-canvas-show-only-pencertage-as-label-to-prevent-overlapping/308103/4 "2022-07-22T14:00:37Z")

</div>

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