Radial Chart
PRODona con segmentos, hueco central para la cifra total y leyenda con valores. Los segmentos se atenuan al pasar el cursor sobre otro, para leer uno a la vez.
npx orbitui-cli add radial-chartTráfico por origen
Últimos 30 días
31.000sesiones
- Búsqueda orgánica40%
- Directo26%
- Redes sociales16%
- Email11%
- Referidos6%
Props
| Prop | Tipo | Descripción |
|---|---|---|
slices* | RadialSlice[] | — |
size | number | — |
thickness | number | — |
centerLabel | string | Texto chico bajo la cifra central. |
formatValue | (value: number) => string | — |
showLegend | boolean | — |
className | string | — |
aria-label* | string | — |
Qué instala
- Archivo
components/orbit/charts/radial-chart.tsx- Componentes
- chart-core, cx
- Paquetes npm
- ninguno
A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.