Dashboard
DashboardUsageChart
Resource usage donut chart for the admin dashboard.
DashboardUsageChart
Renders a donut chart breaking down resource consumption by category (storage, API calls, compute, etc.) for at-a-glance quota visibility.
Components
<XAdminDashboardUsageChart />
Displays resource usage as a donut chart with a legend and percentage breakdown per category.
<XAdminDashboardUsageChart />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
endpoint | string | '/api/admin/dashboard/charts/usage' | API endpoint for usage data |
loading | boolean | false | Show loading skeleton |
height | number | 300 | Chart height in pixels |
showLegend | boolean | true | Display category legend below chart |
showTotal | boolean | true | Show total value in donut center |
AI Context
component: XAdminDashboardUsageChart
package: "@xenterprises/nuxt-x-app-admin"
category: Dashboard
use-when: Visualizing resource quota usage broken down by category in an admin dashboard