# Donut Chart

## Introduction

The **Donut Chart** displays data of one series in a donut with each piece being the size of proportioned amount of the total amount:

![Donut Chart](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48075209664/original/zRivXK4CimP099TqXTBQtTAJBfwWcXvMOg.png?1607446382)

## Expected Data and Graph Designer

The Donut Chart expects data in a two column format such as:

| Type | Value         |
| ---- | ------------- |
| a    | <p>37<br></p> |
| b    | <p>28<br></p> |
| c    | <p>42<br></p> |
| d    | 78            |

In the Graph Designer you can then select the column you want to use for your x-axis, which in this case is the different sections of the donut:

![X-Axis Donut Chart](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48075209690/original/CKRJc4RONMc2bBLthVQQIrdxpxp5JiSamQ.png?1607446389)

Hence, the x-axis column does not need to be the first column. However, for consistency purposes it is recommended to always use your first column for the x-axis.

The size of each donut piece will be automatically calculated and if you activate the **tooltip**, which you can do in the Graph Designer:

![Activate Tooltip](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48075206458/original/u_WmGQMG2kXDoR7C9KeP3PVIVgIfnhLgMQ.png?1607445646)

You can see the exact percentage as well as the absolute amount for each donut piece:

![Donut Chart Tooltip](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48075209721/original/6uQBDqKbxGGX1UnO7e7o9dxXIoa3zgvUQQ.png?1607446394)
