> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# FunnelChart()

- Package: [@gooddata/sdk-ui-charts](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/index.md)
- Kind: function
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui-charts/src/charts/funnelChart/FunnelChart.tsx
- Guides: [Funnel chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/funnel-chart/index.md)

A funnel chart displays values as progressively decreasing proportions.

**Signature:**

```typescript
export declare function FunnelChart(props: IFunnelChartProps): import("react/jsx-runtime").JSX.Element;
```

## Parameters

| Parameter | Type | Description |
| --- | --- | --- |
| props | [IFunnelChartProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ifunnelchartprops/index.md) |  |

**Returns:**

import("react/jsx-runtime").JSX.Element

## Remarks

You can define funnel chart using either multiple measures or single measure and a viewBy attribute whose values will be used to slice the single measure.

In either case, the measure values will be charted into a funnel. With the largest values being on the broadest part of the funnel, and the smallest values towards the narrow part of the funnel.

See [IFunnelChartProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ifunnelchartprops/index.md) to learn how to configure the FunnelChart.