Grafico di andamento

BrowseName: Trend
SuperType: Elemento (Item)
Percorso nella TypeView: Tipi > UI > Controlli dati > Grafico di andamento

Visualizza l’andamento dei valori di una o più variabili letti in tempo reale e/o storicizzati.

Come si presenta

../../../_images/ref_trend_ex.png

Applicazioni

Usato tipicamente per consultare e/o confrontare l’andamento di valori di variabili letti in tempo reale e/o storicizzati in un database, ad esempio l’andamento della temperatura di un forno.

Configurare l’oggetto

Configurare le variabili da visualizzare

Per visualizzare valori nel grafico è necessario configurare le Penne. Ogni Penna di trend disegna nel grafico una linea di trend con i valori di una specifica variabile sorgente, impostata tramite collegamento dinamico, i cui valori possono essere letti in tempo reale oppure da un database.

A seconda della variabile da visualizzare, fare come segue:

valori in tempo reale di una variabile specifica

impostare la sorgente della penna tramite collegamento dinamico con la variabile.

valori in tempo reale di variabili campionate da un Data logger

impostare la sorgente della penna tramite collegamento dinamico con la proprietà Ultimo valore della variabile di interesse campionata dal logger.

valori di variabili memorizzati in un database

impostare la sorgente della penna tramite collegamento dinamico con la colonna di interesse configurata in un database.

Impostare più assi y

Di default, tutte le penne visualizzate si riferiscono all’asse y predefinito. Quando si vuole confrontare l’andamento di una o più penne su scale di valori diverse rispetto a quella predefinita, si aggiunge a ogni penna un asse Y specifico e se ne imposta la scala di valori desiderata:

  1. Fare clic pulsante destro sulla penna desiderata, poi scegliere Nuovo > YAxis: l’asse compare nell’editor e tra le proprietà.

  2. Impostare i valori di fondo scala desiderati in Valore minimo e Valore massimo.

Scalare automaticamente l’asse y

In alcuni grafici i valori y variano drasticamente e possono rendere difficoltosa la lettura. Per adattare la scala dell’asse y rispetto ai valori minimo e massimo nell’intervallo visualizzato, impostare Scalatura automatica su Vero: a runtime, l’asse y si ridimensiona automaticamente in base ai valori da visualizzare.

Impostare lo scorrimento automatico sull’asse del tempo x

Per abilitare lo scorrimento automatico in avanti sull’asse del tempo x dall’avvio a runtime, impostare Seguire su Vero.

Se Seguire è impostato su Falso, all’avvio a runtime il grafico visualizza l’intervallo di tempo definito tramite Time e Finestra temporale. Per visualizzare l’andamento dei valori al di fuori di questo intervallo è necessario spostarsi manualmente nel grafico. Solo quando si raggiunge l’istante corrente, il grafico scorre automaticamente in avanti.

Impostare il fuso orario dei dati sull’asse del tempo x

Per personalizzare il fuso orario di visualizzazione della data e ora sull’asse del tempo x, impostare Fuso orario di riferimento sul fuso orario desiderato: UTC, Locale o Sessione.

Per registrare i dati visualizzati in fuso orario locale, abilitare la proprietà Log tempo locale dei Data logger.

Usare l’oggetto a runtime

Se è stata attivata l’interattività degli assi (proprietà Interattivo dei due assi), a runtime sono possibili le azioni/interazioni descritte di seguito.

Azione

Come fare

Navigazione nel grafico

  • Selezionare un punto e trascinare orizzontalmente per navigare sull’asse x.

  • Selezionare un punto e e trascinare verticalmente per navigare sull’asse y.

  • Selezionare un punto e trascinare diagonalmente per navigare su entrambi gli assi.

Zoom avanti/indietro

Fare pinch-to-zoom oppure posizionare il puntatore del mouse nella zona di interesse desiderata e scorrere avanti/indietro con la rotellina del mouse.

Nota

in tutti questi casi, lo scorrimento automatico sull’asse x, se attivo, si ferma.

Altre azioni sempre disponibili

Azione

Come fare

Visualizzare i dettagli di un valore

Fare clic/premere in prossimità di un punto di interesse di una penna.

../../../_images/ref_trend_value.png

Nota

lo scorrimento automatico sull’asse x, se attivo, si ferma.

Fermare lo scorrimento automatico sull’asse x

Fare clic/premere in un qualsiasi punto del grafico.

Riprendere lo scorrimento automatico sull’asse x

Spostarsi sull’asse x fino all’istante corrente.

Proprietà

Nome

BrowseName

DataType

Descrizione

Modello

Model

NodeId

Riferimento al modello informativo o al database da cui ricavare i dati

Query

Query

String

Query SQL standard per filtrare i dati di interesse. Può essere usata sia per filtrare dati di un database che per filtrare dati ricavati da un modello basato su nodi. Nel caso di modello basato su nodi, è obbligatoria la parte SELECT * FROM Model, seguita dalla clausola WHERE con cui indicare le condizioni di ricerca - es.: SELECT * FROM Model WHERE Speed > 40.

Tempo di refresh

RefreshTime

UInt32

Intervallo di campionamento in millisecondi

Legenda visibile

LegendVisible

Boolean

Mostra/nasconde la legenda delle penne

Fuso orario di riferimento

ReferenceTimeZone

ReferenceTimeZone

Fuso orario di visualizzazione della data e ora (UTC: fuso orario standard; Locale: fuso orario del dispositivo da cui sono generati i dati; Sessione: fuso orario di sessione).

Penne

Pens

Collezione di TrendPen

Linee di trend. Collezione di oggetti <a href=»QPlatform.UI.TrendPen.htm»>Penna di trend.</a>

XAxis

YAxis

Visibilità

Visible

Boolean

Mostra/nasconde la finestra.
(Ereditato da Elemento)
Abilitato

Enabled

Boolean

Abilita/disabilita l’interazione da parte dell’utente (Vero = abilitato, Falso = disabilitato).
(Ereditato da Elemento)
Opacità

Opacity

Float

Livello di opacità (0 = trasparente)
(Ereditato da Elemento)
Margine sinistro

LeftMargin

Size

(Solo se Allineamento orizzontale = Sinistra o Centro o Adatta) Distanza tra il bordo sinistro dell’oggetto e il bordo sinistro del suo contenitore.
(Ereditato da Elemento)
Margine superiore

TopMargin

Size

(Solo se Allineamento verticale = Superiore o Centro o Adatta) Distanza tra il bordo superiore dell’oggetto e il bordo superiore del suo contenitore.
(Ereditato da Elemento)
Margine destro

RightMargin

Size

(Solo se Allineamento orizzontale = Destra o Centro o Adatta) Distanza tra il bordo destro dell’oggetto e il bordo destro del suo contenitore.
(Ereditato da Elemento)
Margine inferiore

BottomMargin

Size

(Solo se Allineamento verticale = Inferiore o Centro o Adatta) Distanza tra il bordo inferiore dell’oggetto e il bordo inferiore del suo contenitore.
(Ereditato da Elemento)
Larghezza

Width

Size

Larghezza della finestra. Può assumere valori maggiori o uguali a zero. Il valore Auto imposta la larghezza uguale alla larghezza del contenuto (in questo caso, in mancanza di contenuto l’oggetto collassa).
(Ereditato da Elemento)
Altezza

Height

Size

Altezza della finestra. Può assumere valori maggiori o uguali a zero. Il valore Auto imposta l’altezza uguale all’altezza del contenuto (in questo caso, in mancanza di contenuto l’oggetto collassa).
(Ereditato da Elemento)
Allineamento orizzontale

HorizontalAlignment

HorizontalAlignment

Allineamento dell’oggetto sull’asse orizzontale. Sinistra = il lato sinistro viene posizionato sul lato sinistro del contenitore, a meno di margine sinistro; Destra = il lato destro viene posizionato sul lato destro del contenitore, a meno di margine destro; Centro = il centro dell’oggetto viene posizionato al centro del contenitore, a meno di margini sinistro e/o destro; Adatta = la larghezza dell’oggetto equivale alla larghezza del contenitore, a meno di margini sinistro e/o destro.
(Ereditato da Elemento)
Allineamento verticale

VerticalAlignment

VerticalAlignment

Allineamento dell’oggetto sull’asse verticale. Superiore = il lato superiore viene posizionato sul lato superiore del contenitore, a meno di margine superiore; Inferiore = il lato inferiore viene posizionato sul lato inferiore del contenitore, a meno di margine inferiore; Centro = il centro dell’oggetto viene posizionato al centro del contenitore, a meno di margini superiore e/o inferiore; Adatta = l’altezza dell’oggetto equivale all’altezza del contenitore, a meno di margini superiore e/o inferiore.
(Ereditato da Elemento)
Rotazione

Rotation

Size

Rotazione dell’oggetto rispetto al suo centro. I valori positivi indicano gradi sessagesimali in senso orario.
(Ereditato da Elemento)

Metodi

Aggiorna

BrowseName: Refresh