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