Javascript 使用Jquery的图表

我想设计一个饼图使用jquery，html，css如何？ 如何使用该代码以饼图形式获取每日报告。 通过 特加

google.loadvisualization，1，{packages:[corechart]}； google.setOnLoadCallbackdrawChart； var测试=新数组； 功能图{ var jsonData=$.ajax{ url:'getData.php'， 类型：'GET'， 数据类型：'json'， contentType:'application/x-www-form-urlencoded'， async:false， 成功：functiondata{ 测试=数据； } }.responseText； //警报测试； var data=google.visualization.arrayToDataTabletest； 变量选项={ 标题：“我的日常活动”， pieHole:0.6， }; var chart=new google.visualization.PieChartdocument.getElementById'piechart'； 图表。绘图数据，选项； }

---

由于$.ajax是异步的，这意味着当您调用它时，它会启动一个请求，然后在返回任何数据之前立即继续下一个语句

如果一切顺利，你最终会采用你指定的成功方法。 这就是你应该画图表的地方

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

function drawChart() {
    $.ajax({
        url:'getData.php',
        type:'GET',
        dataType:'json',
        contentType: 'application/x-www-form-urlencoded',
        async:false,
        success: function(data){
            var options = {
                title: 'My Daily Activities',
                pieHole: 0.6,
            };
            var chart = new google.visualization.PieChart(document.getElementById('piechart'));
            var dataAsDataTable = google.visualization.arrayToDataTable(data);
            chart.draw(dataAsDataTable, options);
        }
    });    
}


//typically it is a good idea to define functions or variables *before*
//passing them as a reference. i am not quite sure what the code below will do,
//but since it references the drawChart function, it should be executed after
//defining drawChart.

google.setOnLoadCallback(drawChart);

---

您好，Groote，您提供的代码已执行，但图形未显示，且未出现错误..您能否提供不同的代码以显示饼图，并提供每日进度和良好的答案，但有些代码是我犯的错误，如。。。我们将测试作为参数传递，但我们将测试声明为空数组，然后说明数据将如何传递到DataAsTable。我想澄清一下。。。你能不能给我一个mesorry，它应该是success处理程序中返回的数据变量。我已经更新了答案。您将不再需要您的测试变量。顺便说一下。好的，当我代表测试使用数据时，它不会显示任何内容。。。所以请给我任何其他的代码在这个代码的情况下。。。或者我的代码中的任何修改