Componenti
Stats
Widget statistici — metriche lavoro, mercato, statistiche mensili/settimanali e top performer.
I widget stats sono nove e raggruppano visualizzazioni statistiche generiche (metriche, classifiche, andamenti, news feed). Tutti estendono BaseWidgetProps.
JobMetrics
Metriche occupazionali con grafico a ciambella.
| Prop | Tipo | Descrizione |
|---|---|---|
metrics | readonly JobMetric[] | Metriche da visualizzare |
animationDuration | number | Durata animazione contatori |
MarketGraph
Grafico candlestick con statistiche mercato e selettore periodo.
| Prop | Tipo | Descrizione |
|---|---|---|
stats | MarketStats | Statistiche aggregate |
candleData | readonly MarketCandle[] | Dati candela (OHLC) |
periods | readonly string[] | Etichette periodi |
MonthlyStatisticsWidget
Grafico a barre statistiche mensili.
| Prop | Tipo | Descrizione |
|---|---|---|
data | readonly number[] | Valori mensili |
labels | readonly string[] | Etichette mesi |
NewsFeedWidget
Lista notizie scrollabile.
| Prop | Tipo | Descrizione |
|---|---|---|
news | readonly NewsItem[] | Notizie da visualizzare |
ProductSales
Classifica prodotti per vendite.
| Prop | Tipo | Descrizione |
|---|---|---|
prodotti | readonly SalesProduct[] | Prodotti ordinati per vendite |
QuarterlyGoals
Obiettivi trimestrali con barra di progresso e dettaglio.
| Prop | Tipo | Descrizione |
|---|---|---|
obiettivi | readonly SalesObjective[] | Obiettivi |
percentualeCompletamento | string | Percentuale complessiva (es. "75%") |
dettaglioCompletamento | string | Dettaglio testuale (es. "3 su 4 raggiunti") |
StatsInfo
Griglia di card statistiche informative.
| Prop | Tipo | Descrizione |
|---|---|---|
statistiche | readonly StatisticaInfo[] | Statistiche da visualizzare |
TopPerformers
Classifica top performer con grafico e selettore periodo.
| Prop | Tipo | Descrizione |
|---|---|---|
performers | readonly Performer[] | Performer ordinati |
periods | readonly string[] | Etichette periodi |
WeeklyOverview
Grafico andamento settimanale con dataset multipli.
| Prop | Tipo | Descrizione |
|---|---|---|
labels | readonly string[] | Etichette giorni |
datasets | readonly WeeklyChartDataset[] | Dataset Chart.js |
chartHeight | number | Altezza grafico in pixel |
<PzetaDashboard :config="{ widgets: [{
id: 'week', type: WidgetType.WeeklyOverview, width: 8, height: 3,
props: { labels: ['Lun', 'Mar', 'Mer', 'Gio', 'Ven', 'Sab', 'Dom'], datasets, chartHeight: 240 }
}] }" />