Mappa Hotspot

La mappa degli hotspot è costituita da un'immagine di sfondo e da hotspot posizionabili liberamente. Questi hotspot si comportano in modo diverso a seconda del loro tipo e della loro configurazione.
Gli hotspot sono per lo più collegati a oggetti SKOOR e ne mostrano lo stato o il valore. Se un hotspot è collegato a un oggetto SKOOR, è possibile cliccarci sopra per visualizzarne la vista di approfondimento o di dettaglio.
Agli hotspot è possibile assegnare un’opacità compresa tra 0 e 100%.

Sono disponibili i seguenti tipi di hotspot:

Lampadina

Le lampadine sono punti/lampadine stilizzate che possono assumere vari colori, a seconda della loro configurazione e del loro stato. Per evidenziare gli hotspot che presentano uno stato anomalo, le lampadine possono essere configurate in modo da lampeggiare quando lo stato dell’oggetto sottostante è uguale o peggiore di uno stato predefinito.
Le lampadine possono essere etichettate utilizzando varie proprietà dell’oggetto (vedere Etichetta).

Etichetta

Le etichette possono contenere testo semplice o un valore alfanumerico costituito da una proprietà dell’oggetto SKOOR collegata (il suo nome, una proprietà specifica, un parametro o un valore).

Testo

Questo tipo di Hotspot può contenere solo testo letterale e non può essere collegato a un oggetto SKOOR.

Rettangolo

Un hotspot Rettangolo può essere utilizzato per progettare graficamente un widget hotspot. È possibile configurare il colore di sfondo, il colore del bordo, lo stile e la larghezza, nonché il raggio di arrotondamento degli angoli. Inoltre, è possibile definire un'ombra e un'etichetta.

Icona

Qualsiasi icona bitmap può essere utilizzata come hotspot. Per ogni hotspot è possibile definire diverse icone a seconda dello stato.
Un'icona può anche essere etichettata (vedi Etichetta).

Modifica del widget mappa degli hotspot

Impostazioni

Descrizione

Immagine di sfondo

Immagine da utilizzare come sfondo del widget. Può essere un'immagine bitmap o SVG. Le immagini possono essere caricate trascinando un file all'interno dell'area grigia tratteggiata oppure facendo clic su di essa per selezionare un file.

Rientro

Rientro dello sfondo (opzionale, in pixel). Il rientro può essere definito in diversi modi:

  • Quattro valori
    25 50 75 100
    Il margine superiore è di 25 px, quello destro di 50 px, quello inferiore di 75 px e quello sinistro di 100 px

  • Tre valori
    : 25, 50, 75
    . Il margine superiore è di 25 px, quelli destro e sinistro sono di 50 px, mentre quello inferiore è di 75 px

  • Due valori
    : 25 50
    . Il padding superiore e quello inferiore sono di 25 px, mentre quelli sinistro e destro sono di 50 px

  • Un valore
    : 25
    . Tutti e quattro i margini sono di 25 px

Editor della mappa

Ingrandisci / Riduci a icona

L'area dell'editor può essere ingrandita o ridotta cliccando sullo sfondo dell'editor o sui pulsanti "Ingrandisci" e "Riduci" dell'editor.

Aggiungi hotspot

Aggiungi hotspot cliccando sul pulsante "Aggiungi hotspot".

Selezionare gli hotspot

È possibile selezionare un hotspot cliccandoci sopra nell'editor. È possibile selezionare più hotspot tenendo premuto il tasto Ctrl mentre si clicca su un hotspot oppure utilizzando lo strumento "elastico".

È possibile selezionare tutti gli hotspot premendo Ctrl+A.

Spostare/ridimensionare un hotspot

Gli hotspot selezionati possono essere spostati o ridimensionati tramite trascinamento (Drag&Drop) o utilizzando i tasti freccia sulla tastiera. Gli hotspot si spostano di 10 px per ogni pressione di tasto. Per ottenere movimenti più precisi, è possibile tenere premuto il tasto Ctrl mentre si utilizzano i tasti freccia.

Le linee di allineamento aiutano ad allineare correttamente più hotspot l'uno rispetto all'altro.

Copia di un punto di interazione

Seleziona l’hotspot desiderato. Premi Ctrl+C e Ctrl+V per ottenere una copia dell’hotspot sulla mappa. Sposta il nuovo oggetto nella posizione corretta sulla mappa e configuralo come di consueto.

Elimina hotspot

Elimina un hotspot facendo clic sul pulsante X accanto ad esso.

Modifica hotspot

È possibile modificare un hotspot facendo doppio clic su di esso oppure cliccando sul pulsante a forma di ingranaggio nell'elenco degli hotspot.

Impostazioni

Descrizione

Tipo

lampadina (impostazione predefinita), etichetta, testo, rettangolo, icona.

Nome

Nome per identificare l'hotspot nell'elenco degli hotspot.

Posizione

Coordinate in pixel relative all'origine della mappa degli hotspot (angolo in alto a sinistra).

Dimensioni

Dimensione dell'hotspot in pixel

Opacità

Opacità dell'hotspot (da 0 a 100%, il valore predefinito è 100%)

Cliccabile

Per impostazione predefinita, cliccando su un hotspot si apre la vista dei dettagli. Questa funzione può essere disattivata tramite questa impostazione.

Azione al clic

Specificare un'azione da eseguire quando si fa clic su un oggetto sulla mappa.

Tipi di hotspot

Impostazione

Descrizione

Cornice

Mostra o nascondi la cornice attorno alla lampadina:image-20251022-135225.png vs.image-20251022-105902.png

Stato predefinito

Stato visualizzato della lampadina finché non vengono caricati dati.

Soglia di lampeggiamento

Valore di soglia a partire dal quale la lampadina deve iniziare a lampeggiare.

Etichetta

Attiva l'etichetta.

Etichetta

Un'etichetta può essere essa stessa un punto attivo:

Per l'etichetta sono disponibili le stesse impostazioni illustrate sopra nella sezione "Lampadina".

In alternativa, è possibile visualizzare un'etichetta collegata a un hotspot.

Testo

È possibile aggiungere testo con formattazione libera utilizzando l'hotspot "Testo":

Rettangolo

Impostazione

Descrizione

Colore di sfondo

Fare clic per selezionare il colore di sfondo tramite il selettore di colori.
Impostare il valore A su 0 per impostare uno sfondo trasparente oppure su un numero compreso tra 0 e 100 per ottenere un effetto di sfondo traslucido.

Colore del bordo

Fare clic per selezionare il colore del bordo utilizzando il selettore di colori.

Stile del bordo

Continuo (impostazione predefinita), tratteggiato, punteggiato, doppio.

Spessore del bordo

Larghezza del bordo in pixel.

Raggio del bordo

Raggio del bordo in pixel. Impostando questo valore al massimo si ottengono cerchi perfetti.

Ombra

Larghezza dell'ombra in pixel.

Etichetta

Attiva l'etichetta.

Icona

Utilizza l'hotspot "Icona" per aggiungere icone personalizzate a seconda dello stato:

Impostazione

Descrizione

Stato predefinito

Stato visualizzato finché non vengono caricati dati con No Data.

Icona predefinita

Icona visualizzata se non è stata definita un'icona dipendente dallo stato.

Icone dipendenti dallo stato

È possibile definire un'icona per ogni stato.

Etichetta

Attiva etichetta.

Etichette

Alcuni hotspot consentono di visualizzare un'etichetta accanto ad essi. Per mostrare un'etichetta, è sufficiente selezionare la casella di controllo "Etichetta".

Impostazione

Descrizione

Posizione

In basso, a sinistra, in alto, a destra

Campo

Il campo da visualizzare

  • hotspot_name
    Nome dell'hotspot

  • hotspot_text
    Testo libero

  • object_name
    Nome dell'oggetto selezionato

  • object_values
    Valore dell'oggetto selezionato

  • object_parameters
    Parametri dell'oggetto selezionato

  • object_properties
    Proprietà dell’oggetto selezionato

Testo

Visibile solo se il campo è "hotspot_text".

Testo da visualizzare

Tipo di oggetto

Visibile solo se il campo è object_values, object_parameters o object_properties. 

Tipo di oggetto selezionato

Sottotipo

Visibile solo se il campo è object_values o object_parameters.

Sottotipo dell'oggetto selezionato.

Valore dell'oggetto

Visibile solo se il campo è "object_values".

Valore visualizzato.

Parametro dell'oggetto

Visibile solo se il campo è object_parameters.

Parametro visualizzato.

Proprietà dell'oggetto

Visibile solo se il campo è object_properties.

Proprietà visualizzata.

Dimensione del carattere

Dimensione del carattere dell'etichetta in pixel.