comment utiliser google graphique à l'aide de données dynamique de json

iam utilisant mvc, je veux me connecter à mes données à google graphique. j'ai donc utilisé json pour obtenir la liste des noms et de leur compte en utilisant le code suivant

public JsonResult list()
        {
     var result= list.GroupBy(i => i.Name).Select(i => new { word = i.Key, count = i.Count() 
return Json(result.ToList(), JsonRequestBehavior.AllowGet);
}

À l'aide de l'API google chart

 google.load("visualization", "1", { packages: ["corechart"] });
    google.setOnLoadCallback(drawChart);
    function drawChart() {

        var jsonData = $.ajax({
            url: "list",
            dataType: "json",
            async: false
        }).responseText;
        var data = google.visualization.DataTable(jsonData);

        var options = {
            title: 'Certificate details',
            is3D: true,
        };    
        var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
        chart.draw(data, options);
    }

je veux savoir comment obtenir la liste de paires clé-valeur de mes données dans le graphique.
j'ai googlé pour longtemps, tout le monde est de donner un exemple de code avec php.
Merci.

Je ne suis pas sûr de ce que vous souhaitez utiliser côté serveur, pour cela, mais je peux vous aider à analyser les données côté client. Ce n' jsonData contenir?
Mon Json va retourner un tableau comme ceci= [{"word":group1,"count":1},{"word":group2,"count":2},{"word":group3,"count":1},{"word":group4,"count":1}]. comment analyser du côté client. Merci

OriginalL'auteur coder | 2014-03-27

  1. 9

    Vous pouvez analyser les données côté client, comme ceci:

    function drawChart () {
    $.ajax({
        url: "list",
        dataType: "json",
        success: function (jsonData) {
            var data = new google.visualization.DataTable();
            //assumes "word" is a string and "count" is a number
            data.addColumn('string', 'word');
            data.addColumn('number', 'count');

            for (var i = 0; i < jsonData.length; i++) {
                data.addRow([jsonData[i].word, jsonData[i].count]);
            }

            var options = {
                title: 'Certificate details',
                is3D: true
            };
            var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
            chart.draw(data, options);
        }
    });
}
    Est-il possible d'utiliser ce code et choisir la couleur de chaque tranche?

    OriginalL'auteur asgallant

  2. 0

    J'ai créé un gestionnaire de base de fournir des méthodes pour travailler avec dinamic google charts.

    D'abord vous register les données ou en partie. Après cela, vous êtes en mesure de render lorsque nécessaire.

    Regardez: http://github.com/ahlechandre/chart-handler

    OriginalL'auteur Alexandre Thebaldi