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.
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.