使用ajax xml变量填充Google图表

Question

如何在我的xmlParser函数中获取我的'total'变量作为Google Charts的变量显示。

Fiddle

Answer 1

你需要从那里移动drawChart函数内部的AJAX调用和填充数据。这里有一种方法：

function drawChart() { 
    $.ajax({ 
     type: "GET", 
     dataType: "xml", 
     async: true, 
     url: "https://test/computers", 
     contentType: "text/xml; charset=UTF-8", 
     success: function (xml) { 
      var size = $(xml).find("size"); 
      var total = (size.text()); 

      var data = google.visualization.arrayToDataTable([ 
       ['Task', 'Hours per Day'], 
       ['Work', total], 
       ['Eat', 2], 
       ['Commute', 2], 
       ['Watch TV', 2], 
       ['Sleep', 7] 
      ]); 

      var options = { 
       title: '' 
      }; 

      var chart = new google.visualization.PieChart(document.getElementById('piechart')); 
      chart.draw(data, options); 
     } 
    }); 
} 
google.load("visualization", "1", {packages:["corechart"], callback: drawChart});