snapshot of https://github.com/twentyhq/twenty.git (main, 2026-09-17; blobs > 131072B omitted)
Some checks failed
App Prod-Parity E2E Dispatch / dispatch (push) Failing after 10s
CD Storybook UI / build (push) Failing after 3m25s
CD Storybook UI / dispatch (push) Has been skipped
CD deploy main / website-changed-files (push) Successful in 18m8s
CI Agent Skills / changed-files-check (push) Successful in 18m9s
CI Create App E2E minimal / changed-files-check (push) Successful in 24s
CI Create App / changed-files-check (push) Successful in 26s
CI Docs / changed-files-check (push) Successful in 26s
CI Emails / changed-files-check (push) Successful in 28s
CI Example App Hello World / changed-files-check (push) Successful in 23s
CI Front / changed-files-check (push) Has been skipped
CI Example App Postcard / changed-files-check (push) Successful in 27s
CI UI / changed-files-check (push) Has been skipped
CI Utils Test / changed-files-check (push) Successful in 45s
CI Twenty Apps / discover (push) Successful in 1m3s
CD deploy main / deploy-main (push) Failing after 3s
CI Agent Skills / agent-skills-validate (push) Has been skipped
CI Create App / create-app-test (lint) (push) Has been skipped
CI Emails / emails-test (push) Has been skipped
CI Front / front-task (lingui:compile) (push) Has been skipped
CI Front / front-task (lint) (push) Has been skipped
CI Example App Postcard / example-app-postcard (push) Has been skipped
CI UI / ui-task (lint) (push) Has been skipped
CI UI / ui-task (pack-size) (push) Has been skipped
CI UI / ui-task (size) (push) Has been skipped
CI UI / ui-task (test) (push) Has been skipped
CI UI / ui-task (typecheck) (push) Has been skipped
CI Utils Test / utils-test (push) Has been skipped
CI Twenty Apps / ${{ matrix.app.name }} (push) Has been skipped
CI Emails / ci-emails-status-check (push) Successful in 2s
CI Example App Hello World / ci-example-app-hello-world-status-check (push) Successful in 2s
CI Example App Postcard / ci-example-app-postcard-status-check (push) Successful in 3s
CI UI / ui-sb-test (push) Has been skipped
CI Utils Test / ci-utils-test-status-check (push) Successful in 2s
CI Twenty Apps / ci-twenty-apps-status-check (push) Successful in 2s
CI UI / ci-ui-status-check (push) Successful in 2s
CI Desktop / desktop (push) Failing after 1m8s
Push docs to Crowdin / Push documentation to Crowdin (push) Failing after 55s
Push translations to Crowdin / Extract and upload translations (push) Failing after 5s
Push website translations to Crowdin / Extract and upload website translations (push) Failing after 5s
CI Create App / create-app-test (test) (push) Has been skipped
CI Create App / create-app-test (typecheck) (push) Has been skipped
CI Docs / docs-lint (push) Has been skipped
CI Example App Hello World / example-app-hello-world (push) Has been skipped
CI Front / front-task (lingui:extract) (push) Has been skipped
CI Front / front-task (test) (push) Has been skipped
CI Front / front-task (typecheck) (push) Has been skipped
CI UI / ui-sb-build (push) Failing after 1m32s
CI Twenty Apps / ${{ matrix.app.name }} (${{ matrix.server-source }}) (push) Has been skipped
CI Agent Skills / agent-skills-publish (push) Has been skipped
CI Create App / ci-create-app-status-check (push) Successful in 2s
CI Agent Skills / agent-skills-remote-source (push) Has been skipped
CI Create App E2E minimal / create-app-e2e-minimal (push) Has been cancelled
CI E2E Main / e2e-test (push) Has been cancelled
CI Front / front-sb-build (push) Has been cancelled
CI Front / front-build (push) Has been cancelled
CI Create App E2E minimal / ci-create-app-e2e-minimal-status-check (push) Has been cancelled
CI E2E Main / ci-e2e-main-status-check (push) Has been cancelled
CI E2E Main / notify-main-ci-failure (push) Has been cancelled
CI E2E Main / qa-scout-comment (push) Has been cancelled
CI Front / front-sb-test (push) Has been cancelled
CI Front / front-sb-screenshots (push) Has been cancelled
CI Front / ci-front-status-check (push) Has been cancelled
DPA Sub-Processor Sync / sync-subprocessors (push) Failing after 3s
AI Catalog Sync / sync-catalog (push) Failing after 2s

This commit is contained in:
upstream-mirror
2026-09-17 23:28:13 +05:00
commit e7da97194a
32688 changed files with 4208681 additions and 0 deletions

View File

@@ -0,0 +1,275 @@
---
title: Impostazioni del grafico
description: Configura i tuoi grafici per visualizzare i dati esattamente come ti serve.
---
import { ChartIcon } from '/snippets/chart-icon.mdx';
## Accesso alle impostazioni del grafico
1. Fai clic sul pulsante **Modifica** nell'angolo in alto a destra della dashboard
<img src="/images/user-guide/dashboard/dashboard-edit.png" alt="Modalità modifica" />
2. La dashboard entra in modalità modifica
3. Fai clic su qualsiasi widget per selezionarlo
4. Il pannello delle impostazioni si apre a destra
Le impostazioni sono organizzate in sezioni:
* **Dati**: quali dati recuperare e come filtrarli
* **Asse X**: come raggruppare e ordinare le categorie (grafici a barre/a linee)
* **Asse Y**: cosa misurare e come visualizzarlo (grafici a barre/a linee)
* **Stile**: colori, etichette e opzioni di visualizzazione
<Note>
Alcune impostazioni compaiono solo quando ne sono configurate altre. Ad esempio, **Granularità della data** compare solo quando selezioni un campo data.
</Note>
---
## Impostazioni dati
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="database" />Origine </span>
Scegli da quale oggetto recuperare i dati.
1. Fai clic su **Origine**
2. Seleziona un oggetto (Opportunità, Persone, Aziende, ecc.)
Tutti i tuoi oggetti standard e personalizzati sono disponibili. Modificare l'origine reimposta le altre impostazioni, poiché le opzioni dei campi dipendono dall'oggetto selezionato.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-source.png" alt="Fonte" />
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="filter" />Filtro </span>
Limita quali record sono inclusi nel grafico.
1. Fai clic su **Filtro**
2. Si apre il generatore di filtri
3. Fai clic su **+ Aggiungi filtro**
4. Seleziona un campo, una condizione e un valore
5. Aggiungi altri filtri secondo necessità
I filtri funzionano come nelle viste tabellari. Usali per concentrarti su segmenti specifici dei tuoi dati.
**Esempio**: filtra le opportunità in cui la Fase è uguale a "Vinta" per mostrare solo le trattative chiuse.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-filters.png" alt="Filtro" />
<Tip>
Per i campi data, prova **È relativo** per creare filtri dinamici come "Ultimi 7 giorni" o "Questo mese" che si aggiornano automaticamente.
</Tip>
<Tip>
Sono supportati filtri avanzati: aggiungi più regole di filtro e combinane la logica con **E** o **O**.
</Tip>
---
## Impostazioni asse X
Queste impostazioni controllano l'asse orizzontale dei grafici a barre e a linee: in genere come i dati vengono raggruppati in categorie.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="axis-x" />Dati visualizzati </span>
Seleziona il campo in base al quale raggruppare i dati. Questo determina le categorie mostrate sull'asse X.
**Esempio**: seleziona "Fase" per vedere i dati raggruppati per fase della pipeline oppure "Data di creazione" per vedere i dati nel tempo.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-x-data-on-display.png" alt="Dati visualizzati" />
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="calendar" />Granularità della data </span>
Quando raggruppi per un campo data, scegli il periodo temporale per il raggruppamento.
| Opzione | Raggruppa i dati per | Esempio di output |
| -------------------------- | ---------------------------------- | -------------------------------------------------------- |
| **Giorno** | Ogni giorno di calendario | 1 gen, 2 gen, 3 gen... |
| **Settimana** | Settimane di calendario | Settimana 1, Settimana 2, Settimana 3... |
| **Mese** | Mesi di calendario | gennaio, febbraio, marzo... |
| **Trimestre** | Trimestri fiscali | T1, T2, T3, T4 |
| **Anno** | Anni di calendario | 2023, 2024, 2025 |
| **Giorno della settimana** | Giorno della settimana (aggregato) | lunedì, martedì... (tutti i lunedì combinati) |
| **Mese dell'anno** | Mese (aggregato) | gennaio, febbraio... (tutti i mesi di gennaio combinati) |
| **Trimestre dell'anno** | Trimestre (aggregato) | T1, T2, T3, T4 (tutti i T1 combinati) |
Le opzioni "della settimana/dell'anno" aggregano su tutto il periodo. Usa **Giorno della settimana** per vedere quale giorno della settimana in genere ottiene più trattative. Usa **Mese** per vedere le tendenze mese per mese.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="arrows-sort" />Ordina per </span>
Controlla l'ordine delle categorie sull'asse X.
* **Posizione** – usa l'ordine definito nelle impostazioni del campo Selezione
* **Alfabetico** – dalla A alla Z (o cronologico per le date)
* **Per valore** – ordinato per metrica (prima il più alto o il più basso)
* **Manuale** – trascina per impostare un ordine personalizzato
<img src="/images/user-guide/dashboard/dashboard-chart-settings-x-sort.png" alt="Ordina per" />
**Suggerimento**: per le fasi della pipeline, usa **Posizione** per mostrare le fasi nell'ordine del processo di vendita (Lead → Qualificata → Proposta → Vinta).
<Note>
Le opzioni mostrate dipendono dal tipo di campo. I campi Selezione hanno tutte le opzioni; i campi data e testo ne mostrano di meno.
</Note>
<Tip>
Con l'ordinamento **Manuale**, trascina le categorie per creare un ordine personalizzato: perfetto per evidenziare segmenti specifici o raccontare una storia con i tuoi dati.
</Tip>
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="eye-off" />Ometti i valori zero </span>
Nascondi le categorie che hanno zero dati o nessun dato.
* **Attivo**: le categorie senza record vengono nascoste
* **Disattivo**: tutte le categorie vengono mostrate, anche se vuote
Usalo per ripulire grafici con dati scarsi.
---
## Impostazioni asse Y
Queste impostazioni controllano cosa stai misurando e come viene visualizzato.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="axis-y" />Dati visualizzati </span>
Seleziona il campo e l'operazione per calcolare la tua metrica.
* **Conteggi** – Conta tutti, Conta vuoti, Conta non vuoti, Conta valori univoci
* **Matematica** – Somma, Media, Min, Max (campi numerici)
* **Percentuali** – Percentuale vuoti, Percentuale non vuoti
I campi booleani aggiungono Conta vero/falso. I grafici aggregati con campi data mostrano Più antico/Più recente.
**Esempio**: seleziona "Importo" con Somma per vedere il valore totale delle trattative per categoria, oppure Conta tutti per vedere il numero di trattative.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-data-on-display.png" alt="Dati visualizzati" />
<Note>
Le opzioni mostrate dipendono dal tipo di campo e di grafico. Se non vedi un'operazione prevista, verifica il tipo di campo.
</Note>
### Rapporto
Per i campi Selezione, Selezione multipla o Booleano, puoi calcolare la percentuale di un valore specifico.
1. Seleziona un campo di tipo Selezione, Selezione multipla o Booleano
2. Abilita **Rapporto**
3. Scegli l'opzione da misurare
**Esempio**: mostra le trattative "Vinte" come percentuale di tutte le opportunità. Se hai 10 Vinte su 50 totali, il grafico mostra il 20%.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="filters" />Raggruppa per </span>
Aggiungi una seconda dimensione per creare più serie (più barre o linee).
1. Imposta prima il campo dell'asse X
2. Fai clic su **Raggruppa per**
3. Seleziona un secondo campo
**Esempio**: raggruppa le trattative per Fase (asse X) E per Proprietario (Raggruppa per) per vedere affiancato il dettaglio della pipeline di ciascuna persona.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-group-by.png" alt="Raggruppa per" />
Quando Raggruppa per è impostato, vedrai più colori nel grafico e comparirà una legenda.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="calendar" />Granularità della data </span>
Quando Raggruppa per è un campo data, scegli il periodo temporale (stesse opzioni dell'asse X).
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="arrows-sort" />Ordina per </span>
Quando **Raggruppa per** è impostato, controlla l'ordine delle serie raggruppate (ad es., quale barra del proprietario appare per prima in ogni categoria).
Stesse opzioni dell'ordinamento dell'asse X — Posizione, Alfabetico e Manuale — tranne che **l'ordinamento basato sul valore non è disponibile** per il raggruppamento secondario.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="chart-bar-popular" />Cumulativo </span>
Mostra totali progressivi invece dei valori individuali.
* **Disattivo**: ogni barra/punto mostra il proprio valore
* **Attivo**: ogni barra/punto mostra la somma di tutti i valori precedenti più il proprio
**Esempio**: gennaio = 10, febbraio = 15
* Cumulativo disattivo: mostra 10 e 15
* Cumulativo attivo: mostra 10 e 25 (10 + 15)
Usa il cumulativo per monitorare i progressi verso un obiettivo nel tempo.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-cumulative.png" alt="Cumulativo" />
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="math-min" />Intervallo minimo / <ChartIcon icon="math-max" />Intervallo massimo </span>
Imposta valori minimi e massimi fissi per l'asse Y.
* Lascia vuoto per la scalatura automatica
* Inserisci un numero per fissare il limite
**Quando usarlo:**
* Imposta Min a 0 per confronti visivi accurati
* Imposta entrambi per scale coerenti su più grafici
* Concentrati su un intervallo di valori specifico impostando entrambi
---
## Impostazioni stile
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="color-swatch" />Colori </span>
Imposta la combinazione di colori per il grafico. Scegli tra una varietà di palette di colori.
<Note>
Quando raggruppi per un campo Selezione, il grafico usa automaticamente i colori definiti per ogni opzione nelle impostazioni del campo.
</Note>
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="gizmo" />Nome asse </span>
Scegli quali etichette degli assi mostrare: **Nessuno**, **Asse X**, **Asse Y** o **Entrambi** (solo grafici a barre e a linee).
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="stack-2" />Barre impilate / Linee impilate </span>
Quando Raggruppa per è impostato, scegli come visualizzare le serie multiple.
* **Disattivo (Raggruppate)**: le serie appaiono affiancate. Usa quando confronti valori esatti tra gruppi.
* **Attivo (Impilate)**: le serie si impilano una sull'altra. Usa quando mostri la composizione, cioè come le parti costituiscono un insieme.
**Esempio**: trattative per fase, raggruppate per proprietario
* Raggruppate: vedi i numeri esatti di ciascun proprietario affiancati
* Impilate: vedi il totale delle trattative per fase, con il contributo di ciascun proprietario impilato
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="badge-2k" />Etichette dati </span>
Mostra i valori direttamente sugli elementi del grafico (barre, punti, sezioni).
* **Attivo**: i valori compaiono nel grafico
* **Disattivo**: nessun valore mostrato (aspetto più pulito)
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="text-caption" />Legenda </span>
Mostra o nascondi la legenda (compare solo quando Raggruppa per è impostato).
* **Attivo**: la legenda mostra cosa rappresenta ciascun colore
* **Disattivo**: nessuna legenda visualizzata
<Tip>
**Passa il mouse** su un elemento della legenda per evidenziare quel gruppo. **Fai clic** per nasconderlo temporaneamente dal grafico.
</Tip>
---
## Note specifiche del grafico
### Grafici a torta
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="chart-pie" size={16} /></span> **Ogni fetta rappresenta** – Definisci come vengono raggruppate le fette
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="eye-off" size={16} /></span> **Nascondi categoria vuota** – Rimuovi le fette a valore zero
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="number-123" size={16} /></span> **Mostra il valore al centro** – Visualizza il valore aggregato (somma, media, conteggio, ecc.)
### Grafici aggregati
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="caret-left" size={16} /></span> **Prefisso** – Aggiungi testo prima del numero (ad es., `$`)
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="caret-right" size={16} /></span> **Suffisso** – Aggiungi testo dopo il numero (ad es., `%`)

View File

@@ -0,0 +1,92 @@
---
title: Cruscotti
description: Crea e organizza cruscotti con schede per visualizzare i tuoi dati CRM.
---
## Panoramica
I cruscotti in Twenty sono organizzati in una gerarchia: **Cruscotti → Schede → Widget**. Ogni cruscotto può contenere più schede e ogni scheda contiene widget (grafici, numeri, iFrame).
## Creare un cruscotto
1. Vai a **Cruscotti** nella navigazione
2. Fai clic su **+ Nuovo record**
<img src="/images/user-guide/dashboard/dashboard-create-new.png" alt="Crea un nuovo cruscotto" />
3. Assegna un nome al tuo cruscotto
4. Inizia ad aggiungere schede e widget
## Lavorare con le schede
Le schede ti aiutano a organizzare il tuo cruscotto in sezioni logiche.
### Creare schede
1. In modalità modifica, fare clic su **+** nella barra delle schede, e un pannello laterale si aprirà a destra
2. Assegna un nome alla scheda (ad es., "Panoramica della pipeline", "Prestazioni del team")
3. Aggiungi widget alla scheda
### Riordinare le schede
1. In modalità modifica, fai clic e tieni premuto sulla scheda che desideri spostare
2. Trascina e rilascia nella nuova posizione
3. Puoi anche fare clic sulla scheda e usare il menu dei comandi per spostare la scheda a sinistra o a destra
### Eliminare le schede
1. In modalità modifica, fai clic sulla scheda che vuoi eliminare
2. Fai clic sul pulsante **Elimina** nel menu dei comandi
### Duplicare le schede
1. Fai clic sulla scheda che vuoi duplicare
2. Fai clic sul pulsante **Duplica** nel pannello laterale
<img src="/images/user-guide/dashboard/dashboard-tabs.png" alt="Scheda del cruscotto" />
## Layout del cruscotto
### Disporre i widget
* Trascina e rilascia per posizionare
* Ridimensiona per mettere in evidenza
* Raggruppa i grafici correlati
### Duplicare un cruscotto
1. Seleziona il cruscotto che vuoi duplicare
2. Apri la barra dei comandi con **Cmd + K** (oppure **Ctrl + K** su Windows)
3. Seleziona **Duplica cruscotto**
<img src="/images/user-guide/dashboard/dashboard-duplicate.png" alt="Duplica un cruscotto" />
### Migliori Pratiche
* **Flusso logico**: disponi dalla panoramica al dettaglio
* **Gerarchia visiva**: grafici più grandi per le metriche chiave
* **Stile coerente**: usa colori e caratteri coordinati
## Visibilità e accesso
### Visibilità del cruscotto
I cruscotti sono visibili a chiunque abbia accesso al tuo spazio di lavoro Twenty. Al momento non è disponibile un'opzione di cruscotto privato.
### Preferiti
Puoi aggiungere i cruscotti ai preferiti per un accesso rapido. Si tratta di un'impostazione personale—i tuoi preferiti non sono visibili agli altri utenti.
Per aggiungere un cruscotto ai preferiti, apri il cruscotto e fai clic sull'icona a stella.
### Comportamento del fuso orario
Attualmente i cruscotti mostrano i dati in base al fuso orario dell'utente che li visualizza. Ciò significa che lo stesso cruscotto può mostrare metriche diverse per i membri del team in regioni differenti (ad es., APAC vs. USA).
<Note>
**In arrivo**: aggiungeremo la possibilità di impostare un fuso orario specifico per un cruscotto, in modo che tutti gli utenti vedano dati coerenti indipendentemente dalla loro posizione.
</Note>
<Note>
**In arrivo**: i filtri a livello di cruscotto ti permetteranno di applicare filtri a tutti i widget contemporaneamente, rendendo più veloce l'esplorazione dei tuoi dati.
</Note>

View File

@@ -0,0 +1,169 @@
---
title: Widget
description: Esplora i tipi di widget e le opzioni di visualizzazione in Twenty.
---
import { ChartIcon } from '/snippets/chart-icon.mdx';
## Widget disponibili
Twenty offre diversi tipi di widget per visualizzare i dati del tuo CRM.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-bar-popular" />Grafici a barre</span>
Mostra i dati come barre orizzontali o verticali.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-bar-chart.png" alt="Grafico a barre" />
</Frame>
**Ideali per:**
* Confrontare i valori tra categorie
* Mostrare classifiche
* Monitorare le metriche per periodo di tempo
**Esempi di utilizzo:**
* Opportunità per fase
* Ricavi per rappresentante commerciale
* Contatti aggiunti per mese
<Note>
**Limiti di visualizzazione**: I grafici a barre possono mostrare al massimo 100 barre e, quando si usa Raggruppa per, 50 gruppi per barra. Se visualizzi l'avviso "Undisplayed data: max X bars per chart", aggiungi filtri per restringere i dati o modifica il raggruppamento (ad es., raggruppa per settimana invece che per giorni).
</Note>
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-pie" />Grafici a torta</span>
Mostra le proporzioni del totale.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-pie-chart.png" alt="Grafico a torta" />
</Frame>
**Ideali per:**
* Mostrare composizione o distribuzione
* Confrontare le parti con il totale
* Evidenziare i segmenti principali
**Esempi di utilizzo:**
* Distribuzione delle opportunità per fonte
* Ripartizione dei contatti per settore
* Composizione della pipeline per proprietario
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-line" />Grafici a linee</span>
Mostra le tendenze nel tempo.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-line-chart.png" alt="Grafico a linee" />
</Frame>
**Ideali per:**
* Monitorare i cambiamenti nel tempo
* Individuare le tendenze
* Confrontare più metriche
**Esempi di utilizzo:**
* Andamento mensile del numero di opportunità
* Crescita dei ricavi per trimestre
* Livelli di attività nel tempo
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="sum" />Grafici aggregati</span>
Mostra in evidenza singoli valori chiave.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-aggregate-chart.png" alt="Grafico aggregato" />
</Frame>
**Ideali per:**
* Mettere in evidenza i KPI
* Mostrare totali o medie
* Controlli rapidi dello stato
**Esempi di utilizzo:**
* Valore totale della pipeline
* Numero di opportunità aperte
* Tasso di conversione
**Opzioni avanzate:**
* **Rapporto**: Per i campi di tipo Select, calcola i rapporti tra i valori. Vai a **Dati visualizzati** → seleziona il tuo campo → abilita l'opzione **Rapporto**.
* **Prefisso e suffisso**: Aggiungi un testo personalizzato prima o dopo il numero (ad es., prefisso "$" o suffisso "%") per una migliore leggibilità.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="frame" />iFrames</span>
Incorpora strumenti e contenuti esterni direttamente nella tua dashboard.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-table.png" alt="Grafico tabella" />
</Frame>
**Ideali per:**
* Ricerca di singoli elementi
* Verifica dei valori esatti
* Revisione o riferimento
**Esempi di utilizzo:**
* Opportunità in chiusura questo mese
* Nuovi lead di questa settimana
* Fatture scadute
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="table" />Tabella</span>
Visualizza i record filtrati direttamente nella tua dashboard.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-iframe.png" alt="iFrame" />
</Frame>
**Ideale per:**
* Visualizzare report o dashboard esterni
* Integrare strumenti di vendita di terze parti
* Mostrare contenuti in tempo reale da altri sistemi
**Esempi di utilizzo:**
* Metriche dal tuo strumento di assistenza
* Metriche dal tuo dialer
* Contenuti in tempo reale dal tuo strumento per sequenze di vendita
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="align-box-left-top" />Testo formattato</span>
Aggiungi testo formattato e contenuti direttamente alla tua dashboard.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-rich-text.png" alt="Testo formattato" />
</Frame>
**Ideale per:**
* Aggiunta di contesto o istruzioni
* Descrizioni della dashboard
* Note e annotazioni
**Funzionalità:**
* Formattazione del testo (grassetto, corsivo, elenchi, ecc.)
* Caricamento di immagini e file
* Modifica in stile Markdown
<Note>
**In arrivo**: I grafici a indicatore non sono ancora disponibili ma sono nella nostra roadmap.
</Note>
### Duplicazione dei widget
1. Fai clic sul widget
2. Apri **Opzioni**
3. Fai clic su **Duplica widget**