Question

我很难使用Google API网站上提供的示例让Google组织结构图使用JSON数据，我们非常感谢您提供任何帮助。

以下是由Web API控制器生成的JSON

{"cols":[{"id":"name","label":"Name","type":"string"},{"id":"manager","label":"Manager","type":"string"}],"rows":[{"c":[{"v":"test1"}]},{"c":[{"v":"test2"},{"v":"test1"}]}]}

这是javascript

<script type='text/javascript'>

    // Load the Visualization API and the package.
    google.load('visualization', '1', { 'packages': ['corechart'] });

    // Set a callback to run when the Google Visualization API is loaded.
    google.setOnLoadCallback(drawChart);

    function drawChart() {
        var jsonData = $.ajax({
            url: "/api/Search/GetOrgChartData",
            dataType: "json",
            async: false
        }).responseText;

        // Create our data table out of JSON data loaded from server.
        var data = new google.visualization.DataTable(jsonData);

        // Instantiate and draw our chart, passing in some options.
        var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
        chart.draw(data, { width: 400, height: 240 });
    }
</script>

我能够使用相同的JSON成功实现PieChart，除了第二列是数字而不是字符串。

感谢您的帮助。

Answer 1

经过一段时间的休息，我解决了这个问题。

以下行不正确; google.load（＆＃39; visual＆＃39;，＆＃39; 1＆＃39;，{＆＃39; packages＆＃39;：[＆＃39; corechart＆＃39;]}）;

应该是; google.load（＆＃39; visual＆＃39;，＆＃39; 1＆＃39;，{＆＃39; packages＆＃39;：[＆＃39; orgchart＆＃39;]}）;

Google Visualization - 使用JSON的组织结构图

1 个答案: