The Chart is a root container component designed to process and display data specified via the data property. The Chart's functionality (data visualization and data processing) is implemented in several plugins specified as child components.
Use the following statement to import a plugin with embedded theme components:
import { Chart } from '@devexpress/dx-react-chart-material-ui';
// import { Chart } from '@devexpress/dx-react-chart-bootstrap4';You can import the themeless plugin to use custom components:
import { Chart } from '@devexpress/dx-react-chart';| Name | Type | Default | Description |
|---|---|---|---|
| data | Array<any> | An array containing custom data. | |
| width? | number | undefined | Chart width. |
| height? | number | 500 | Chart height. |
| rotated | boolean | false | Rotates the chart. |
| rootComponent | ComponentType<Chart.RootProps> | A component that renders the chart's root layout. |
Describes properties passed to a component that renders the chart root layout.
| Field | Type | Description |
|---|---|---|
| children | ReactNode | A React node to be placed in the root layout. |
Describes properties passed to a component that renders the chart's label.
| Field | Type | Description |
|---|---|---|
| children | string | number | The label text. |
| x | number | The x coordinate of the label's top left corner. |
| y | number | The y coordinate of the label's top left corner. |
| Name | Properties | Description |
|---|---|---|
| Chart.Label | Chart.LabelProps | A component that renders the chart's label. |