Dashboard
DashboardSystemChart
CPU, memory, and disk usage metrics chart for the admin dashboard.
DashboardSystemChart
Renders live or historical system resource metrics (CPU, memory, disk) as multi-line or bar charts to monitor infrastructure health.
Components
<XAdminDashboardSystemChart />
Displays CPU, memory, and disk utilization over time with configurable polling for live monitoring.
<XAdminDashboardSystemChart />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
endpoint | string | '/api/admin/dashboard/charts/system' | API endpoint for system metrics |
metrics | ('cpu' | 'memory' | 'disk')[] | ['cpu', 'memory', 'disk'] | Which metrics to display |
loading | boolean | false | Show loading skeleton |
height | number | 300 | Chart height in pixels |
refreshInterval | number | 10000 | Polling interval in milliseconds |
AI Context
component: XAdminDashboardSystemChart
package: "@xenterprises/nuxt-x-app-admin"
category: Dashboard
use-when: Monitoring server CPU, memory, and disk usage in real time on an admin dashboard