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

# ComboChart()

- 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/comboChart/ComboChart.tsx
- Guides: [Combo chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/combo-chart/index.md)

Combo chart combines two types of visualizations, for example, a column chart and a line chart.

**Signature:**

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

## Parameters

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

**Returns:**

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

## Remarks

A combo chart can have one or two axes. If a combo chart has two axes, it is often referred to as a dual axis chart.

By default, a combo chart is displayed as a combination of a column chart and a line chart, with the secondary axis enabled (you can [disable it](https://www.gooddata.com/docs/gooddata-ui/latest/references/visual\_components/combo\_chart\#disable-the-secondary-axis)).

The chart types used to display primary and secondary measures can be customized in [IChartConfig](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.ichartconfig/index.md).

See [IComboChartProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.icombochartprops/index.md) to learn how to configure the ComboChart and the [combo chart documentation](https://www.gooddata.com/docs/gooddata-ui/latest/references/visual_components/combo_chart) for more information.