[Javascript] Grafico chartjs con dati da J.ajax

max1974

Utente Attivo
7 Mar 2013
107
0
16
Salve ragazzi sto cercando di realizzare un grafico con chartjs
in base allo stipendio per mese per ogni dipendente.
il grafico che vorrei far uscire è tipo quello del file che ho allegato
ho il seguente dataset
Codice:
dataset = [
                       {Mese: "December", Importo: "1000", Nome: "Mario"},
                       {Mese: "December", Importo: "1275", Nome: "Gigi"}
                       {Mese: "December", Importo: "1300", Nome: "Antonio"}
                       {Mese: "November", Importo: "1100", Nome: "Mario"},
                       {Mese: "November", Importo: "1375", Nome: "Gigi"},
                       {Mese: "November", Importo: "1310", Nome: "Antonio"}];
poi facendo cosi ho scorporato i 3 campi.
Codice:
                var mese = response.map(function(e) {return e.Mese;});
                var importo = response.map(function(e) {return e.Importo;});
                var nome = response.map(function(e) {return e.Nome;});
ma come li porto dentro al mio grafico che come nell'esempio qui sotto chiede questi dati ??
Codice:
            lineData = {
                labels: ["January", "February", "March", "April", "May", "June", "July"],
                datasets: fillChartJsColors('line', [
                    {
                        label: "My First dataset",
                        strokeColor: LobiAdmin.fadeOutColor(LobiAdmin.DEFAULT_COLOR, 60),
                        data: [65, 59, 80, 81, 56, 55, 40]
                    },
                    {
                        label: "My Second dataset",
                        strokeColor: LobiAdmin.fadeOutColor(LobiAdmin.DEFAULT_COLOR, 70),
                        data: [28, 48, 40, 19, 86, 27, 90]
                    }
                ])
            };
anche perche nella variabile mese mi ritrovo mese = ["December", "December", "December", "November","November","November"]
e cosi via....
cosa sbaglio ???? una mano please....
NB: Nella barra "X" vorrei avere i mesi, nella barra "Y" gli importi e come label i nomi delle persone, percio fare una linea colorata diversamente per ogni persona.
 

Allegati

  • download.png
    download.png
    61,3 KB · Visite: 406

max1974

Utente Attivo
7 Mar 2013
107
0
16
Scusate ma sto bloccato cosi non riesco a riportare gli importi giusti in (XXImporto).....una mano per favore...
Codice:
results = [
                       {Mese: "December", Importo: "1000", Nome: "Mario"},
                       {Mese: "December", Importo: "1275", Nome: "Gigi"},
                       {Mese: "December", Importo: "1300", Nome: "Antonio"},
                       {Mese: "November", Importo: "1100", Nome: "Mario"},
                       {Mese: "November", Importo: "1375", Nome: "Gigi"},
                       {Mese: "November", Importo: "1310", Nome: "Antonio"}];
                var Mese = [];
                var Nome = [];
                var Importo= [];
                results.forEach(function(data) {
                  Mese.push(data.Mese);
                  Nome.push(data.Nome);
                  Importo.push(data.Importo);
                });
                var uniqueMese = [];
                $.each(Mese, function(i, el){
                    if($.inArray(el, uniqueMese) === -1) uniqueMese.push(el);
                });
                var uniqueNome = [];
                $.each(Nome, function(i, el){
                    if($.inArray(el, uniqueNome) === -1) uniqueNome.push(el);
                });
                    var data = {
                        labels: uniqueMese,
                    datasets: fillChartJsColors('line',[])
                }
                var XXNome = [];
                uniqueMese.forEach(function(XXa, a) {
                  XXNome = [];
                  XXImporto = [];
                  uniqueNome.forEach(function(XXb, b) {
                    XXImporto.push(Importo[b]);                   
                  });
                  data.datasets.push(
                    {
                      label: uniqueNome[a],
                      strokeColor: LobiAdmin.fadeOutColor(LobiAdmin.DEFAULT_COLOR, 60),
                      data: XXImporto
                  });
                });
 

max1974

Utente Attivo
7 Mar 2013
107
0
16
ragazzi ci siamo quasi.....se per favore mi aiutate a riportare l'importo relativo
vedete qui esempio
 

max1974

Utente Attivo
7 Mar 2013
107
0
16
in realta ci siamo quasi credo che il problema sia alla fonte......dovrei secondo me da questo array
{Mese: "Ottobre", Importo: "1148", Nome: "Mario"},
{Mese: "Ottobre", Importo: "1175", Nome: "Gigi"},
{Mese: "Ottobre", Importo: "1240", Nome: "Antonio"},
{Mese: "Novembre", Importo: "1100", Nome: "Mario"},
{Mese: "Novembre", Importo: "1375", Nome: "Gigi"},
{Mese: "Novembre", Importo: "1310", Nome: "Antonio"},
{Mese: "Dicembre", Importo: "1200", Nome: "Mario"},
{Mese: "Dicembre", Importo: "1275", Nome: "Gigi"},
{Mese: "Dicembre", Importo: "1300", Nome: "Antonio"}
ottenere una Array cosi
{Importo: {"1148","1100","1200"}, Nome: "Mario"},
{Importo: {"1175","1375","1275"}, Nome: "Gigi"},
{Importo: {"1240","1310","1300"}, Nome: "Antonio"},
 
Discussioni simili
Autore Titolo Forum Risposte Data
max1974 [Javascript] Grafico ajax non funziona Javascript 0
I Creare un banner temporaneo JavaScript Javascript 0
S Impossibile scorrere un oggetto in JavaScript Javascript 0
N Passare array da php a javascript PHP 5
L Quiz javascript funzionante da migliorare Javascript 0
P errore 404 con javascript Javascript 2
D aiuto funzioni javascript Javascript 1
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 1
F Creare elementi html con javascript Javascript 3
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
R Confrontare il dominio di una mail con una stringa contenente un dominio personalizzato, tutto ciò in php o javascript PHP 0
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
G Problema verifica palindromo e verifica pari e dispari javascript Javascript 0
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
R Cerco supporto in programmazione javascript Offerte e Richieste di Lavoro e/o Collaborazione 0
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 18
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0
O [Javascript] Conflitto Jquery: forse... Javascript 0
M [Javascript] Canvas js css Javascript 1

Discussioni simili