[comment]: # translation:outdated

[comment]: # ({11452be8-11452be8})
# 2 Grafici personalizzati

[comment]: # ({/11452be8-11452be8})

[comment]: # ({c1b0bb92-12dcf0a4})
#### Panoramica

I grafici personalizzati, come suggerisce il nome, offrono possibilità di personalizzazione.

Mentre i grafici semplici sono adatti per visualizzare i dati di un singolo item, non offrono possibilità di configurazione.

Pertanto, se si desidera modificare lo stile del grafico o il modo in cui vengono visualizzate le linee, oppure confrontare diversi item, ad esempio il traffico in entrata e in uscita in un unico grafico, è necessario un grafico personalizzato.

I grafici personalizzati vengono configurati manualmente.

Possono essere creati per un host o più host oppure per un singolo template.

[comment]: # ({/c1b0bb92-12dcf0a4})

[comment]: # ({b18e6658-96c61306})
#### Configurazione di grafici personalizzati

Per creare un grafico personalizzato, procedere come segue:

-   Andare in *Raccolta dati > Host (o Template)*
-   Fare clic su *Grafici* nella riga accanto all'host o al template desiderato
-   Nella schermata Grafici fare clic su *Crea grafico*
-   Modificare gli attributi del grafico

![](../../../../../assets/en/manual/config/visualization/graph2.png){width="600"}

Tutti i campi di input obbligatori sono contrassegnati con un asterisco rosso.

Attributi del grafico:

|Parameter|<|Description|
|-|----------|----------------------------------------|
|*Name*|<|Nome univoco del grafico.<br>In questo campo sono supportate le [macro di espressione](/manual/appendix/macros/supported_by_location), ma solo con le funzioni `avg`, `last`, `min` e `max`, con il tempo come parametro (ad esempio, `{?avg(/host/key,1h)}`).<br>Le macro {HOST.HOST<1-9>} sono supportate per l'uso all'interno di questa macro, facendo riferimento al primo, secondo, terzo, ecc. host nel grafico, ad esempio `{?avg(/{HOST.HOST2}/key,1h)}`. Si noti che fare riferimento al primo host con questa macro è ridondante, poiché al primo host si può fare riferimento implicitamente, ad esempio `{?avg(//key,1h)}`.|
|*Width*|<|Larghezza del grafico in pixel (solo per l'anteprima e per i grafici a torta/esplosi).|
|*Height*|<|Altezza del grafico in pixel.|
|*Graph type*|<|Tipo di grafico:<br>**Normal** - grafico normale, i valori sono visualizzati come linee<br>**Stacked** - grafico in pila, vengono visualizzate aree riempite<br>**Pie** - grafico a torta<br>**Exploded** - grafico a torta "esploso", con porzioni visualizzate come "staccate" dalla torta|
|*Show legend*|<|Selezionando questa casella verrà visualizzata la legenda del grafico.|
|*Show working time*|<|Se selezionato, le ore non lavorative verranno mostrate con uno sfondo grigio. Questo parametro non è disponibile per i grafici a torta e a torta esplosa.|
|*Show triggers*|<|Se selezionato, i [trigger semplici](/manual/web_interface/frontend_sections/dashboards/widgets/graph#displaying-options) verranno visualizzati come linee nere tratteggiate sopra il colore della severity del trigger. Questo parametro non è disponibile per i grafici a torta e a torta esplosa.|
|*Percentile line (left)*|<|Visualizza il percentile per l'asse Y sinistro. Se, ad esempio, è impostato il 95° percentile, la linea del percentile si troverà al livello sotto il quale ricade il 95 percento dei valori. Visualizzata come una linea verde brillante. Disponibile solo per i grafici normali.|
|*Percentile line (right)*|<|Visualizza il percentile per l'asse Y destro. Se, ad esempio, è impostato il 95° percentile, la linea del percentile si troverà al livello sotto il quale ricade il 95 percento dei valori. Visualizzata come una linea rosso brillante. Disponibile solo per i grafici normali.|
|*Y axis MIN value*|<|Valore minimo dell'asse Y:<br>**Calculated** - il valore minimo dell'asse Y verrà calcolato automaticamente.<br>**Fixed** - valore minimo fisso per l'asse Y. <br>**Item** - l'ultimo valore dell'item selezionato sarà il valore minimo.<br><br> Questo parametro non è disponibile per i grafici a torta e a torta esplosa.|
|*Y axis MAX value*|<|Valore massimo dell'asse Y:<br>**Calculated** - il valore massimo dell'asse Y verrà calcolato automaticamente.<br>**Fixed** - valore massimo fisso per l'asse Y. <br>**Item** - l'ultimo valore dell'item selezionato sarà il valore massimo<br><br> Questo parametro non è disponibile per i grafici a torta e a torta esplosa.|
|*3D view*|<|Abilita lo stile 3D. Solo per grafici a torta e a torta esplosa.|
|*Items*|<|Item i cui dati devono essere visualizzati in questo grafico. Fare clic su *Aggiungi* per selezionare gli item. È inoltre possibile selezionare varie opzioni di visualizzazione (funzione, stile di disegno, visualizzazione asse sinistro/destro, colore).|
|<|*Sort order (0→100)*|Ordine di disegno. 0 verrà elaborato per primo. Può essere usato per disegnare linee o aree dietro (o davanti a) un'altra.<br>È possibile trascinare gli item usando l'icona all'inizio di una riga per impostare l'ordine di ordinamento o quale item viene visualizzato davanti all'altro.|
|^|*Name*|Il nome dell'item selezionato viene visualizzato come collegamento. Facendo clic sul collegamento si apre l'elenco degli altri item disponibili.|
|^|*Type*|Tipo (disponibile solo per grafici a torta e a torta esplosa):<br>**Simple** - il valore dell'item è rappresentato proporzionalmente nella torta<br>**Graph sum** - il valore dell'item rappresenta l'intera torta<br>Si noti che il colore dell'item "graph sum" sarà visibile solo nella misura in cui non è occupato dagli item "proportional".|
|^|*Function*|Selezionare quali valori verranno visualizzati quando esiste più di un valore per pixel verticale del grafico per un item:<br>**all** - visualizza tutti i valori possibili (minimo, massimo, media) nel grafico. Si noti che per periodi più brevi questa impostazione non ha effetto; solo per periodi più lunghi, quando aumenta la congestione dei dati in un pixel verticale del grafico, 'all' inizia a visualizzare i valori minimo, massimo e medio. Questa funzione è disponibile solo per il tipo di grafico *Normal*. Vedere anche: Generazione di grafici [da history/trends](/manual/config/visualization/graphs/simple#generating-from-historytrends).<br>**avg** - visualizza i valori medi<br>**last** - visualizza i valori più recenti. Questa funzione è disponibile solo se come tipo di grafico è selezionato *Pie/Exploded pie*.<br>**max** - visualizza i valori massimi<br>**min** - visualizza i valori minimi|
|^|*Draw style*|Selezionare lo stile di disegno (disponibile solo per i grafici normali; per i grafici in pila viene sempre usata un'area riempita) da applicare ai dati dell'item - *Linea*, *Linea spessa*, *Area riempita*, *Punto*, *Linea tratteggiata*, *Linea sfumata*.|
|^|*Y axis side*|Selezionare il lato dell'asse Y su cui mostrare i dati dell'item - *Sinistra*, *Destra*.|
|^|*Color*|Selezionare il colore da applicare ai dati dell'item.|

[comment]: # ({/b18e6658-96c61306})

[comment]: # ({20d0972f-f02a35a5})
##### Anteprima del grafico

Nella scheda *Anteprima* viene visualizzata un'anteprima del grafico, così puoi vedere immediatamente ciò che stai creando.

![](../../../../../assets/en/manual/config/visualization/graph_preview.png){width="600"}

Tieni presente che l'anteprima non mostrerà alcun dato per gli item del template.

![](../../../../../assets/en/manual/config/visualization/graph_preview2.png){width="600"}

In questo esempio, presta attenzione alla linea tratteggiata in grassetto che mostra il livello del trigger e alle informazioni del trigger visualizzate nella legenda.

::: noteclassic
Non possono essere visualizzate più di 3 linee di trigger.
Se sono presenti più trigger, per la visualizzazione vengono prioritizzati i trigger con gravità inferiore.<br><br>
Se l'altezza del grafico è impostata a meno di 120 pixel, nella legenda non verrà visualizzato alcun trigger.
:::

[comment]: # ({/20d0972f-f02a35a5})