Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2006
    Messaggi
    17

    Chart.js - Corretto uso di un array di object

    Ciao a tutti!
    Sto creando una dashboard e vorrei inserire dei grafici. La mia scelta è ricaduta su Chart.js, però non riesco a capire come generare il grafico da un array di object. Cosa devo inserire nel campo data del mio dataset?


    Grazie a tutti!

    codice:
    var jqxhr = $.ajax({url: api_statistiche, type: "GET",dataType: "json",
    codice:
    data: {type:"top_most_ingredients",n:15}} )
    .done(function(json) {
        if (!json) {
            alert( "error 1" );
            return;
        }
        if (json.res!=1 || !json.data) {
            alert( "error 2" );
            return;
        }
        var max=json.data.length;
        var data=[];
        for (i=0;i<max;i++){
            el=json.data[i];
            data[i]={
                label: el.nome,
                value: el.n
                };
    
    
        }
        console.log(data); // data viene mostrato in modo corretto
    var data = {
    datasets: [{
        data: ?,

    "Ciò che non conoscete vi potrebbe danneggiare" - Kevin Mitnick

  2. #2
    Utente di HTML.it
    Registrato dal
    Jul 2006
    Messaggi
    17
    RISOLTO:

    codice:
    
    
    codice:
    var data=[];
    	data['labels']=[];
    	data['datasets']=[];
    	data['datasets'][0]={
    		data: [],
    		backgroundColor: [],
    		borderColor: "rgba(0,0,0,0)",
    		label: 'Like'
    	};
    	for (i=0;i<max;i++){
    		el=json.data[i];
    		data['labels'][i]=el.nome;
    		data['datasets'][0].data[i]=el.n;
    		data['datasets'][0].backgroundColor[i]=getRandomColor();
    	}
    
    
    	var ctx = document.getElementById("more_like_ingredients");
    	var myNewChart = new Chart(ctx,{type: 'polarArea',data: data});

    "Ciò che non conoscete vi potrebbe danneggiare" - Kevin Mitnick

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.