generazione dei grafici (grafica)

[doceo]

bisogna convertire la variabile vettore statico in dinamico:

0. aggiornare il branch master da doceo/plant e creare il branch vettore_dati
1. utilizzando librerie jquery per la generazione di un vettore casuale che genera il grafico.
2. generando un vettore casuale che ingloba i dati relativi ai 4 grafici e sempre con la stessa libreria distribuire i dati nei relativi grafici.
3. aggiornare il gruppo che lavora al core sul tipo di vettore che occorre per la generazione del grafico.
4. aggiornare il proprio account con il branch appena creato.
5. fare una pull request verso doceo/plant (nel commento metti il riferimento a questa issue generazione dei grafici (grafica) #28)
6. chiudere il branch appena creato.

#27

[doceo]

per i grafici bisogna generare due vettori per curva.
il vettore data contiene l'ordinata di ogni punto
il vettore labels contiene l'ascissa.

bisogna verificare che le tre curve possano avere valori labels diversi, attualmente sono uguali.

riceveremo quindi tramite socket un vettore per ogni sensore, con all'interno tre vettori. sarà di questo tipo:
data = [ [], [],[] ];

i tre vettori indicheranno nell'ordine: dato raccolto (y), istante di raccolta (x), postazione (curva).

quindi bisogna procedere con un ciclo che possa generare tre vettori separati, uno per ogni curva.
se ad esempio stiamo costruendo il vettore delle temperature dovremo dichiarare:
var temp1 = new Array();
var temp2 = new Array();
var temp3 = new Array();

temp1 = [ [], [] ];
temp2 = [ [], [] ];
temp3 = [ [], [] ];

il ciclo, all'interno della funzione socket, dovrà contenere la funzione di caricamento del vettore. prima verrà verificato il terzo campo "postazione", se ad esempio è 1 allora verrà caricato il vettore temp1:
temp1[0].push(record.CampoValore);
temp1[1].push(moment(record.campoDate).format("DD/MM/YY HH:mm"));

in questo modo costruiremo un vettore temp1 con due sottovettori, posizione 0 per le ordinate e posizione 1 per le ascisse.

questi vettori devono essere associati al campo "data" ed al campo "labels" della prima curva.

[doceo]

la sequenza dei codici deve essere la seguente:
//1 html (quindi i div dei grafici)
//2 script socket per il vettore iniziale
//3 script socket per il singolo dato (vedremo dopo)
//4 script grafici