> For the complete documentation index, see [llms.txt](https://endash-guidance-docs.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://endash-guidance-docs.gitbook.io/docs/dashboard/widget-types/pie-donut-chart-type.md).

# Pie / Donut (chart type)

## Overview

* The Pie chart is a circular statistical graphic that is divided into slices to illustrate numerical proportions. Each slice represents a proportionate part of the whole, and the complete circle represents 100%.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2Ftns5SWlskc20BoEVXZTn%2Fimage.png?alt=media&amp;token=0e4f3cb9-9acc-426c-8573-b533219de16e" alt=""><figcaption></figcaption></figure>

* First, click on any "+ Add widget" button to add a widget.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FDv5PpWwwKoPOpSDKHnaQ%2Fimage.png?alt=media&amp;token=84712532-8124-401f-8f8d-7abc441e6477" alt=""><figcaption></figcaption></figure>

* Click on the Pie chart option.
* Click on the Add widget button to proceed.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2F3VWKPLWhWKazwQoe496o%2Fimage.png?alt=media&amp;token=fbd86f55-6f01-4495-a76e-a589119181d0" alt=""><figcaption></figcaption></figure>

* Choose the available Collection or Connection of the data model that has been added.

{% hint style="info" %}
Pie chart does not support the "Time series" feature.
{% endhint %}

## Set up your Pie chart

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2Fn3idVdC80SVGMbo4YFf3%2Fimage.png?alt=media&amp;token=a7448cdf-0f28-4475-adc9-f45219ebb173" alt=""><figcaption></figcaption></figure>

* First, choose a column for the Slice column.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FqgpIsFdgKQ8jlpSJYe28%2Fimage.png?alt=media&amp;token=96a4783d-57df-441a-816e-5ccd1af4c9b3" alt=""><figcaption></figcaption></figure>

* Continue to choose a column for the Angle.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2Fkg9Rhkx8d3338rWJJS28%2Fimage.png?alt=media&amp;token=8c738482-d161-4346-90dd-c045e1009af0" alt=""><figcaption></figcaption></figure>

* After the Slice column and Angle columns are selected, the Pie chart will be displayed.
* The Sum formula will be auto-selected. You can change to other [Formula](/docs/dashboard/footer-formula.md) options.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FwyHiOspJjaPq2ckOVp6l%2Fimage.png?alt=media&amp;token=72da91b7-1db1-48cd-a886-ed2898b1b7e4" alt=""><figcaption></figcaption></figure>

* Hover to the Bar chart to check for details.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2F1KHHwweC6pazAKn1a2hF%2Fimage.png?alt=media&amp;token=02c9dc95-5a3e-4f51-8692-d81f0a022521" alt=""><figcaption></figcaption></figure>

* You can click on the 🖊 icon to [customize](/docs/dashboard/custom-column-configuration.md) the column of the Y axis.

## Change Pie chart to Donut chart and vice versa

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FOdHCJYy4rD8F7auf6I86%2Fimage.png?alt=media&amp;token=6ed3ae7f-b564-436d-880c-184075937046" alt="" width="332"><figcaption></figcaption></figure>

* In Properties, click on the Donut chart icon.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FL9Yi2Zf2ebA8YSKCktLq%2Fimage.png?alt=media&amp;token=2a295a62-4855-426a-a7cb-17d41e7de94a" alt=""><figcaption></figcaption></figure>

* The Donut chart will display the same data as the Pie chart's configuration.

## Change to the Pie chart type from another widget

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FJqWPwW6D80inbil3n1LE%2Fimage.png?alt=media&amp;token=1ba89444-edbc-46a9-9ec6-d01ac858de6b" alt=""><figcaption></figcaption></figure>

* The Pie chart option can be selected by opening the Settings slider and then clicking on the Properties option.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FJUegX09itD0S2VS97sea%2Fimage.png?alt=media&amp;token=94a6da1f-d8e7-4b30-8feb-7971a2f46724" alt=""><figcaption></figcaption></figure>

* Click on the View type dropdown and choose the Pie chart icon to begin configuring your data model to the Pie chart.

***

<table data-view="cards"><thead><tr><th align="center"></th></tr></thead><tbody><tr><td align="center"><a href="/docs/dashboard/widget-types/pie-donut-chart-type/pie-chart-filter.md">Pie chart - Filter</a></td></tr><tr><td align="center"><a href="/docs/dashboard/widget-types/pie-donut-chart-type/pie-chart-sort.md">Pie chart - Sort</a></td></tr></tbody></table>
