# CartesianChart

CartesianChart ist eine vielseitige Diagrammkomponente zur Darstellung von Metriken über Zeit. Sie kann entweder als Liniendiagramm (Line) oder Flächendiagramm (Area) konfiguriert werden.

## Develop

# Properties

| Property | Type | Default | Description |
| --- | --- | --- | --- |
| `data` | `ChartDataValue[]` | - | - |
| `height` | `string` | - | - |
| `emptyView` | `ReactNode` | - | View that is provided when data is empty/undefined |
| `flexGrow` | `boolean` | - | Allow the height controlling container to set flex-grow: 1. Can only be used in combination with `height` |
| `className` | `string` | - | - |
| `syncId` | `string \| number` | - | Charts with the same syncId will synchronize Tooltip and Brush events. @see [Synchronized Charts Example](https://recharts.github.io/en-US/examples/SynchronizedAreaChart/) |
| `syncMethod` | `SyncMethod` | - | Customize how the charts will synchronize tooltips and brushes. `index`: synchronize using the data index in the data array. Index expects that all data has the same length. `value`: synchronize using the data value on categorical axis (categorical: XAxis in horizontal layout, YAxis in vertical layout). function: a custom sync method which receives tick and data as argument and returns an index. @defaultValue index |
| `children` | `ReactNode` | - | - |