# Display piechart

**URL:** <https://discuss.elastic.co/t/display-piechart/273463>\
**Category:** Kibana\
**Created:** [May 20, 2021, 2:28am UTC](https://discuss.elastic.co/t/display-piechart/273463 "2021-05-20T02:28:55Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![gregory7](https://avatars.discourse-cdn.com/v4/letter/g/87869e/32.png) [@gregory7](https://discuss.elastic.co/u/gregory7)\
**Post date:** [May 20, 2021, 2:28am UTC](https://discuss.elastic.co/t/display-piechart/273463/1 "2021-05-20T02:28:55Z")

</div>

Hi, I'm trying to display pie chart,  
but little guide for me, so I'm asking your help.

I built up elasticsearch index as follows  
{id:1,group:fruit,item:apple,sold:Y,yymm:202105}  
{id:2,group:fruit,item:banana,sold:Y,yymm:202105}  
{id:3,group:fruit,item:grape,sold:N,yymm:202105}  
{id:4,group:fruit,item:orange,sold:N,yymm:202105}

I want this data for '202105'

![image](https://us1.discourse-cdn.com/elastic/original/3X/2/f/2f123993b74d6ec38e7d00ed80006df3ab79cda9.png)

display pie chart : 4 areas  
apple & grape =\> color:blue  
banana&orange =\> color:grey

I'm tried to find for this solution, but I can't. Please help me!

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![warkolm](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/warkolm/32/39224_2.png) [@warkolm](https://discuss.elastic.co/u/warkolm)\
**Post date:** [May 20, 2021, 3:10am UTC](https://discuss.elastic.co/t/display-piechart/273463/2 "2021-05-20T03:10:10Z")

</div>

You probably want something like this;  
 ![Screen Shot 2021-05-20 at 13.09.36](https://us1.discourse-cdn.com/elastic/original/3X/4/5/452a4ec166d00d6acff6244ba54176383c1e5cb7.png)

And then add another single filter for the other two fruits to group them

---

<div class="post-metadata">

**Author:** ![gregory7](https://avatars.discourse-cdn.com/v4/letter/g/87869e/32.png) [@gregory7](https://discuss.elastic.co/u/gregory7)\
**Post date:** [May 20, 2021, 4:21am UTC](https://discuss.elastic.co/t/display-piechart/273463/3 "2021-05-20T04:21:41Z")

</div>

Thanks for your help.

I think result is ok.  
but fruit's name are displayed (4 kinds) in pie charts.

if the data adds as below

{id:11,group:fruit,item:apple,sold:Y,yymm:202106}  
{id:12,group:fruit,item:banana,sold:N,yymm:202106}  
{id:13,group:fruit,item:grape,sold:Y,yymm:202106}  
{id:14,group:vegetable,item:cucumber,sold:N,yymm:202106}  
{id:15,group:vegetable,item:carrot,sold:N,yymm:202106}

the pie charts displays same result for yymm:'202105' and group:fruit for 4 section

if the condition are changed yymm:202106 and grou:vegetable =\> display 2 section and they filled color by 'gray' (sold:N)

I mean sold items are filled by blue, and not sold items are filled by gray.  
And all items are displayed or regended for specific condition.

---

<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:** [June 17, 2021, 4:21am UTC](https://discuss.elastic.co/t/display-piechart/273463/4 "2021-06-17T04:21:50Z")

</div>

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