---
title: "Widget - Charts"
url: "https://help.tabidoo.cloud/en/article/widgets-charts"
language: "en"
last_updated: "2022-05-11T07:37:21.629Z"
---

# Widget - Charts

Charts are useful when you want to display your data on a bar, line, or pie chart and demonstrate important relationships between the data points.

## Chart

Charts are useful when you want to display your data on a bar or line chart and demonstrate important relationships between the data points.

### Chart Settings

-   **Data from the table -** select the source for the chart, which can be:
    -   Table
    -   Custom data source  (If you want to display data from the **custom source**, you have to define them first in the Data source extension)

![](https://cdn-assets.productfruits.com//6f66e480-340a-4c86-9dde-52e46230820a)

*Select the source table*

-   **Chart type** \- Select the chart type that can be:
    -   Bar
    -   Line

![](https://cdn-assets.productfruits.com//de342e02-7ebf-453c-a245-b5da7cf4434f)

*An example of the **Bar** chart in Tabidoo*

![](https://cdn-assets.productfruits.com//f43b91cf-b6f8-4b5e-8dfe-98d9a6277e8b)

*An example of the **Line** chart in Tabidoo*

-   **X-axis** \- select the source fields from the table to display on the X-axis of the chart. Moreover, you can select whether the data will have an ascending or descending tendency.

![](https://cdn-assets.productfruits.com//21929449-3be1-4a8b-8c43-54faef7ffd63)

*X-axis*

-   **Y-axis** \- You can choose whether the data will be displayed as a **count** or if they will be grouped by any other field of the table. Set up then if those values will be **ascending or descending.**

![](https://cdn-assets.productfruits.com//94668853-e1a8-4ca2-bf69-3c18f420662a)

*Y-axis*

-   **Filters -** Do you want to display only specific values from the fields? Use filters! What is more, you can link them with the already set up filters in the table, and click on - **Link with user filters.**

![](https://cdn-assets.productfruits.com//900f945e-21ec-4cd9-a6c5-0e34e494b437)

*How to add filters to the chart in Tabidoo*

-   **Formatting** \- Here you can add **a unit prefix or suffix** to X-axis or Y-axis (For example EUR, KG...). You can set up **maximum fields** to be displayed in the chart and what is more, you can as well set up how many items will appear when the graph will be opened on the full screen.

![](https://cdn-assets.productfruits.com//ef17ffb7-ffb1-4aac-bd9c-db875ae8355e)

*How to format a chart in Tabido*o

-   **Widget appearance** \- select the most suitable **color** for the background of the chart. Set up if the **legend** will be shown and if the **data values** will appear above each bar. Lastly, if the chart will stay vertical or will be switched to **horizontal**.

![](https://cdn-assets.productfruits.com//9c1ab0d9-fa77-4c82-9795-aa961ea7596c)

*How to set up the widget appearance*

## Pie chart

This type of chart helps you to visualize your records on a pie or doughnut chart.

### Pie Settings

In the comparison with the previous chart, there are only two differences in the settings and that is:

-   **Chart type** - Select the chart type that can be:
    -   **Pie**  
    -   **Doughnut**

![](https://cdn-assets.productfruits.com//b08738c5-3dad-43ad-a2df-f828e70a7fe2)

*An example of the **Pie** and **Doughnut** chart in Tabidoo*

-   **Group by field** - You choose the source field from which you want the data to be displayed in the chart.

![](https://cdn-assets.productfruits.com//e2303ab5-a02b-40fc-91cb-d1c727791271)

*How to group by field in the Pie chart*

The rest of the settings remain the same as for the previous widget.