0

我现在第一次使用谷歌图表...我的要求是读取 xml 内容以形成图表..我需要传递 xml 文件名，以便它从特定标签中读取值...以下是我所拥有的到目前为止尝试...但没有成功...

XML文件：（流程图.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 的情况下使用了相同的代码，并找到了所需的结果...请对此提供帮助...

4

1 回答 1

1

尝试这个：

function xmlParser(xml) {
    $('#load').fadeOut();

    var id, type, description, next;
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Id');
    data.addColumn('string', 'Type');
    data.addColumn('string', 'Description');
    data.addColumn('string', 'Next');

    // parse the XML
    $(xml).find("Node").each(function () {
        id = $(this).find("Id").text();
        type = $(this).find("Type").text();
        description = $(this).find("Description").text();
        next = $(this).find("Next").text();
        data.addRow([id, type, description, next]);
    });

    // do something with data
}
function drawChart() {
    $.ajax({
        type: "GET",
        url: "FlowChart.xml",
        dataType: "xml",
        success: xmlParser
    });
}
google.load('visualization', '1', {packages: ['orgchart'], callback: drawChart});
于 2013-09-05T15:36:05.453 回答