2012-10-31 15 views
5

Sto provando a disegnare un grafico a linee dai dati ricevuti dal database mysql. Dal database ho questi datiDisegno di un singolo grafico a linee di Google con più linee utilizzando JSON

enter image description here

voglio disegnare un grafico a linee google ottenere l'asse x come la data di vendita e l'asse y come product_name. Ma voglio più linee per ogni prodotto, come questo.

enter image description here

posso disegnare il grafico per un singolo prodotto. Ma non riesco a immaginare come farlo per più prodotti nello stesso grafico. Sto usando JSON per ottenere i dati per il grafico e l'utilizzo di un database MySQL. Qualsiasi aiuto, tutorial sarebbe apprezzato. Grazie.

PS: ho seguito questo tutorial per un grafico a riga singola. http://www.kometschuh.de/GoogleChartToolswithJSON.html

risposta

1

Secondo l'esempio e documentazione here, è necessario creare la parte di dati dei grafici in questo modo:

 var data = google.visualization.arrayToDataTable([ 
      ['Year', 'Sales', 'Expenses'], 
      ['2004', 1000,  400], 
      ['2005', 1170,  460], 
      ['2006', 660,  1120], 
      ['2007', 1030,  540] 
     ]); 

['Year', 'Sales', 'Expenses'] è [x-axis, line 1, line 2, ... lineX]

allora ogni matrice successiva sono i dati corrispondenti.

Nell'esempio che hai collegato mostra i dati come ['giorno', 'conteggi'], che corrisponde al formato precedente.

è possibile vedere una rappresentazione di questo diritto sotto il titolo di Data Formathere

+0

Chase, grazie per la risposta. Ma come posso dividere i miei dati sql in questo modo. L'altra cosa è che, la proprietà di data dovrebbe essere aggiornata secondo il prodotto. Prodotti diversi hanno date di vendita diverse ... Quindi hai qualche idea. –

+0

Come vengono costruiti i dati attualmente? Prenderesti essenzialmente ogni riga di dati e spingerai ogni array (riga) in un altro array. Questa matrice di array sarebbe il formato per i grafici di Google. Le date sono una bestia diversa. Molto probabilmente dovrai convertirli in ora UTC e quindi utilizzare javascript sul front-end per convertirli in stringhe aggiornate. – Chase

+0

Grazie per il tuo inseguimento di risposta. So che anche la mia domanda non è chiara. Comunque potrei gestirlo. Grazie per la tua risposta. –

Problemi correlati