Skip to main content

Creare grafici ed impostare data sources

Una data source è una fonte che raccoglie dati organizzati nel tempo, come sensori fisici, virtuali, siti web o altre fonti esterne.

Durante la creazione o la modifica di una classe oggetto puoi aggiungere una o più data source e definire i grafici che le utilizzano. Ogni grafico necessita di almeno una data source, ma puoi utilizzare la stessa data source su più grafici o configurare un grafico che confronta dati da più data source diverse.

Disponibile solo con modulo-dataflow e con sensori configurati in precedenza.


Requisiti

  • Permesso backoffice per accedere alla sezione Classi Oggetto.
  • Modulo dataflow attivo nel progetto.
  • Sensori o fonti dati configurati in precedenza nella piattaforma.

Passaggi

Per creare grafici e impostare data source:

  1. Per accedere alla sezione Classi Oggetto, apri l'app Backoffice e clicca su Classi Oggetto nella Nav rail a sinistra.

  2. Per accedere alla pagina di configurazione, clicca sul bottone Nuovo oggetto se stai creando una nuova classe, oppure seleziona una classe esistente dalla lista.

  3. Spostati nella sezione Data Sources.

  4. Per aggiungere una data source, clicca sul bottone blu + in basso a destra e seleziona l'opzione Data Source.

  5. Nella card che appare, seleziona il tipo di data source tra quelli disponibili e imposta il nome identificativo.

    Esempio: Type Thermometer, Name Termometro 1.

  6. Per aggiungere un grafico, clicca sul bottone + in basso a destra e seleziona l'opzione Chart (identificata dall'icona di un grafico a barre).

    Questa opzione è visibile solo se hai aggiunto almeno una data source.

  7. Nella card del grafico, imposta il nome identificativo e seleziona il tipo di grafico tra quelli disponibili: Line Chart, Counter, Bar Chart, Counter Chart.

  8. Dopo aver definito nome e tipo, la card si espande mostrando il configuratore con tre sezioni: Data, Customization e Style.


Configurare la sezione Data

Nella sezione Data definisci i parametri fondamentali del grafico:

  • Data compression: seleziona il metodo di compressione predefinito scegliendo tra Average over Time (media nel tempo) o Subsampling (sottocampionamento). Gli utenti non possono applicare altri metodi durante l'utilizzo del grafico.

  • Master Data source: seleziona quale data source alimenta il grafico tra quelle configurate in precedenza.

  • Asse X: seleziona il parametro monitorato e l'unità di misura per l'asse orizzontale.

  • Asse Y: seleziona il parametro monitorato e l'unità di misura per l'asse verticale.

Per aggiungere ulteriori serie di dati al grafico, clicca su Add serie.

Questa sezione determina quali dati vengono visualizzati e come vengono processati dal grafico.

Configurare la sezione Customization

La sezione Customization diventa disponibile dopo aver completato la configurazione della sezione Data.

Qui puoi personalizzare la visualizzazione del grafico attraverso quattro sottosezioni:

Labels

Definisci gli elementi testuali del grafico:

  • Title: inserisci il titolo principale del grafico.
  • Sub-title: aggiungi un sottotitolo descrittivo.
  • Asse X e Asse Y: imposta le etichette per ciascun asse, scegliendo se includere o meno l'unità di misura.

Thresholds

Imposta soglie di riferimento per evidenziare valori critici:

  • Name: assegna un nome identificativo alla soglia.
  • Asse: seleziona se applicare la soglia all'asse X o Y.
  • Date Time: imposta il valore di riferimento della soglia.

Per aggiungere ulteriori soglie, clicca su Add threshold.

Axes

Definisci come i valori vengono scalati su ciascun asse, scegliendo tra tre metodi:

  • Auto-scale: la scala si adatta automaticamente ai valori presenti.
  • Fixed: imposta un range fisso (esempio: da 1 g a 10 g).
  • Relative: definisci una percentuale di margine per l'area visualizzata.

Default values

Configura i valori iniziali visualizzati all'apertura del grafico:

  • When: seleziona il periodo temporale di riferimento (esempio: Today, Last hour, Last 24 hours).
  • Aggregation: scegli l'intervallo di aggregazione dei dati (esempio: Minute, 10 seconds, Hour).

Queste impostazioni migliorano la leggibilità del grafico e permettono di adattarlo alle esigenze specifiche di analisi.

Configurare la sezione Style

Nella sezione Style puoi impostare uno stile condizionale che modifica l'aspetto del grafico al verificarsi di determinati parametri.

Questa opzione è disponibile solo se hai configurato un singolo parametro monitorato nella sezione Data.


Salvare e modificare i grafici

Per salvare il grafico, clicca sul bottone Salva in alto a destra della pagina di configurazione della classe oggetto.

Una volta salvato, il grafico appare come card nella sezione Attributi della pagina di configurazione e può essere riordinato insieme agli altri attributi della classe.

Per modificare successivamente la configurazione di un grafico, clicca sulla rispettiva card nella sezione Data Sources e accedi nuovamente al configuratore.


Suggerimenti utili

💡 Pianifica le data source prima dei grafici

Prima di creare i grafici, aggiungi tutte le data source necessarie. Questo ti permette di configurare grafici comparativi senza dover tornare indietro nella configurazione.

💡 Usa nomi descrittivi

Assegna nomi chiari e identificativi a data source e grafici (esempio: "Termometro Piano 1", "Grafico Temperature Giornaliere"). Facilita la gestione quando lavori con molti sensori.

💡 Grafici comparativi per analisi avanzate

Sfrutta la possibilità di collegare più data source a un singolo grafico per confrontare parametri diversi o lo stesso parametro rilevato da sensori differenti.

💡 Threshold per monitoraggio critico

Imposta threshold nelle customization per evidenziare automaticamente valori fuori norma, utile per allerte e controlli di qualità.

💡 Riordina i grafici tra gli attributi

Posiziona i grafici più importanti in alto nella lista degli attributi per facilitarne l'accesso rapido dal menu Dettaglio attributi degli oggetti.


Collegamenti

  • Creare una nuova classe oggetto
  • Assegnare una data source a un oggetto
  • Visualizzare i dettagli di un oggetto
  • Nozioni di base su grafici e data source

Problemi comuni

Problema Soluzione
L'opzione Chart non è visibile Verifica di aver aggiunto almeno una data source nella sezione. L'opzione Chart appare solo dopo l'inserimento di una data source
La sezione Customization è disabilitata Completa prima la configurazione della sezione Data con tutti i campi obbligatori
La sezione Style non è disponibile Verifica di aver configurato un solo parametro monitorato nella sezione Data. Con più parametri, lo stile condizionale non è abilitato
Il grafico non mostra dati Controlla che la data source selezionata sia attiva e stia raccogliendo dati. Verifica anche che il sensore sia correttamente associato agli oggetti nei progetti
Non vedo il grafico nella sezione Attributi Assicurati di aver salvato la configurazione della classe oggetto dopo aver creato il grafico

Ultimo aggiornamento: 8 ottobre 2025