Playground
Verwende <CartesianChart />, um ein CartesianChart darzustellen. Beachte
dabei, dass zum Rendern entweder das übergeordnete Parent eine feste Höhe
vorgeben muss oder das Chart selbst über die Property height eine eigene Höhe
erhalten muss.
Darstellungstypen
Im CartesianChart können unterschiedliche Darstellungstypen wie <Area />,
<Line /> oder eine Kombination aus beiden verwendet werden.
Color
Für die Farbgebung der Daten können Categorical Colors oder eigene Farben verwendet werden. Es sollte sichergestellt sein, dass Farben, die direkt nebeneinander liegen, einen ausreichenden Kontrast zueinander haben.
Synchronisierte Charts
Zwei CartesianCharts können synchronisiert werden, um den gleichen Zeitraum darzustellen. Dadurch lassen sich verschiedene Metriken zeitlich exakt vergleichen.
CPU
RAM
Mit EmptyView
Der EmptyView wird angezeigt, sobald die Property data des Charts entweder ein
leeres Array enthält oder undefined ist. Er dient dazu, leere Zustände visuell
zu kennzeichnen und bietet Orientierung bei Ausnahmefällen wie Ladefehlern,
fehlgeschlagenen Datenabfragen oder nicht vorhandenen Ergebnissen.