# Source: https://mui.com/x/api/charts/chart-data-provider-pro.md

# ChartDataProviderPro API

## Demos

For examples and details on the usage of this React component, visit the component demo pages:

- [Charts - Composition](/x/react-charts/composition/)

## Import

```jsx
import { ChartDataProviderPro } from '@mui/x-charts-pro/ChartDataProviderPro';
// or
import { ChartDataProviderPro } from '@mui/x-charts-pro';
```

## Props

| Name | Type | Default | Required | Description |
|------|------|---------|----------|-------------|
| colors | `Array<string> \| func` | `rainbowSurgePalette` | No |  |
| dataset | `Array<object>` | - | No |  |
| experimentalFeatures | `{ preferStrictDomainInLineCharts?: bool }` | - | No |  |
| height | `number` | - | No |  |
| id | `string` | - | No |  |
| localeText | `object` | - | No |  |
| margin | `number \| { bottom?: number, left?: number, right?: number, top?: number }` | - | No |  |
| series | `Array<object>` | - | No |  |
| skipAnimation | `bool` | - | No |  |
| slotProps | `object` | - | No |  |
| slots | `object` | - | No |  |
| width | `number` | - | No |  |

> **Note**: The `ref` is forwarded to the root element (SVGSVGElement).

## Source code

If you did not find the information on this page, consider having a look at the implementation of the component for more detail.

- [/packages/x-charts-pro/src/ChartDataProviderPro/ChartDataProviderPro.tsx](https://github.com/mui/material-ui/tree/HEAD/packages/x-charts-pro/src/ChartDataProviderPro/ChartDataProviderPro.tsx)