[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: 142

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
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
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
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
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 19
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
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
D [Javascript] inserire uno script in un file php Javascript 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
K [javascript] Tecnica per rilevare celle contenenti caratteri ricevute in dinamico Javascript 1
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
S [Javascript] Problema costrutto if Javascript 0
I [Javascript] window.location.href porta alla nuova pagina e ritorna incomprensibilmente. Javascript 0
L [Javascript] input variabili di scrittura con canvas Javascript 2
G [Javascript] Passare un valore via querystring Javascript 1
max1974 [Javascript] Funzione Errata procedura Javascript 2
R [Javascript]gratta e vinci Javascript 2
max1974 [Javascript] Load Default image Javascript 2
bubino8 [Javascript] popup di controllo elimina dopo window.print(); Javascript 0

Discussioni simili