google-visualization - Google chart api - xml を読み取って組織図を作成する

Question

私は今初めてGoogleチャートを使用しています...私の要件は、xmlコンテンツを読み取ってチャートを形成することです..特定のタグから値を読み取るようにxmlファイル名を渡す必要があります...以下は私が持っているものですこれまでに試しました...しかし、成功しません...

XML ファイル:(FlowChart.xml)

<?xml version="1.0" encoding="utf-8" ?>
<Flow>
  <Node>
    <Id>AN001</Id>
    <Type>Annc</Type>
    <Description>Welcome msg</Description>
    <Next>MN001</Next>
  </Node>
  <Node>
    <Id>MN001</Id>
    <Type>Menu</Type>
    <Description>Language Selection</Description>
    <Next>AN002</Next>
  </Node>
</Flow>

脚本：

google.load('visualization', '1', {packages:['orgchart']});

        $(document).ready(function(){
             $.ajax({
                  type: "GET",
                  url: "FlowChart.xml",
                  dataType: "xml",
                  success: xmlParser
              });
            });

        function xmlParser(xml) {
            $('#load').fadeOut();
            $(xml).find("Node").each(function () {
                title = $(this).find("Id").text();
                alert('Hi');
            });
        }
      google.setOnLoadCallback(drawChart);

私は googleJSAPI なしで同じコードを使用し、必要な結果を見つけました...これについて助けてください...