CartesianChart

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

Properties

PropertyTypeDefaultDescription
dataChartDataValue[]-
heightstring-
emptyViewReactNode-View that is provided when data is empty/undefined
flexGrowboolean-Allow the height controlling container to set flex-grow: 1. Can only be used in combination with `height`
classNamestring-
syncIdstring | number-Charts with the same syncId will synchronize Tooltip and Brush events. @see Synchronized Charts Example
syncMethodSyncMethod-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
childrenReactNode-

Auf dieser Seite