Press "Enter" to skip to content

Chart.js e jQuery: caricare dati JSON in un grafico

Condividi il post con i tuoi amici o colleghi

Chart.js è un’ottima libreria JavaScript per la creazione di grafici, una delle mie preferite. Open source, responsive, 8 tipi di grafico e una vasta gamma di opzioni che ne fanno una libreria utile per qualsiasi rappresentazione statistica su web e mobile.

Nel seguente esempio ti mostro come caricare dati JSON in un grafico, utilizzando il metodo getJSON di jQuery:

var data = [];

$.getJSON("http://example_api", function( json ) {
	
    var myChart = document.getElementById("canvas").getContext("2d");
	
    var jsonData =
    {
        value: json.response,
        color:"#20B2AA",
	highlight: "#79D1CC",
	label: "Stats"
    };
	
    data.push(jsonData);

    var pieChart = new Chart(myChart).Pie(data,{
        responsive: true
    });

});

Condividi il post con i tuoi amici o colleghi