Javascript 如何使用json中的动态数据使用google图表

我使用mvc，我想把我的数据连接到谷歌饼图。因此，我使用json通过以下代码获取名称列表及其计数

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);
}

使用谷歌图表API

 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);
    }

我想知道如何将数据的键值对列表放入饼图中。 我在谷歌搜索了很长时间，大家都在用php给出代码示例。

---

谢谢。

您可以像这样在客户端解析数据：

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);
        }
    });
}

函数绘图图（）{
$.ajax({
url:“列表”，
数据类型：“json”，
成功：函数（jsonData）{
var data=new google.visualization.DataTable（）；
//假设“word”是字符串，“count”是数字
data.addColumn（'string'，'word'）；
data.addColumn（'number'，'count'）；
对于（var i=0；i

我创建了一个基本处理程序，提供了一些使用dinamic google图表的方法

首先，注册数据或其中的一部分。之后，您可以在必要时

渲染

---

请看：

我不确定您希望在服务器端使用什么，但我可以帮助您在客户端解析数据。

jsonData

包含什么？我的Json将返回如下数组=[{“word”：group1，“count”：1}，{“word”：group2，“count”：2}，{“word”：group3，“count”：1}，{“word”：group4，“count”：1}]。如何从客户端解析。谢谢，有没有一种方法可以使用此代码并选择每个切片的颜色？