# Pie chart

## General

General data is required for all portlets.

[General configuration](https://help.novacuraflow.com/development/flow-portal-2/common-configuration#general)

## Listeners

The portlet can listen to the following events:

* On Filter
* On Row Selection
* On Refresh
* On Point Selection

The portlet can send the following events:

* On Refresh
* On Point Selection

<div align="left"><img src="https://529897662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtPTgZOYmpJka4jqs1v%2F-M8tVgYSgOZ1oZZhCG6S%2F-M8tYVW9j5tZcQ3KKozz%2Fimage.png?alt=media&#x26;token=d6077086-eb46-4fb4-94d9-e347d63186ad" alt=""></div>

[Listeners configuration](https://help.novacuraflow.com/development/flow-portal-2/common-configuration#listeners)

## Data

### Data source

The portlet data source configuration enables the portlet to execute specified queries towards the chosen database connector to fetch data, or fetch data from a workflow.

* Database: uses a flow connector to retrieve data from a database
* Workflow: runs a workflow to retrieve data

[Data source configuration](https://help.novacuraflow.com/development/flow-portal-2/common-configuration#database-source)

[Workflow source configuration](https://help.novacuraflow.com/development/flow-portal-2/common-configuration#workflow-source)

### Presentation

* Show tooltip: enables the mouse over tooltip for the chart data points
* Show legend: enables the legend presentation for the chart
* Name column: the category the chart is to be based on
* Value column: the data set which gives the proportional values of the chart
* Description column: the data label shown in the chart

<div align="left"><img src="https://529897662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtPTgZOYmpJka4jqs1v%2F-M8jlZWPGrS6EPBeCBul%2F-M8jmmqIb2JBlhwqA30s%2Fimage.png?alt=media&#x26;token=691d24f7-97a0-4a8e-bfb2-90076539eddc" alt=""></div>

<div align="left"><img src="https://529897662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtPTgZOYmpJka4jqs1v%2F-M8jlZWPGrS6EPBeCBul%2F-M8jmz47bho3J_QuL7ad%2Fimage.png?alt=media&#x26;token=0475abd6-5f64-40a8-a1c6-b522b6cfeedd" alt=""></div>

## Style

Change the header text color and add a header stripe by configuring style.

[Style configuration](https://help.novacuraflow.com/development/flow-portal-2/common-configuration#style)