zamubudio


Hello,

Je debute en prog HTML et j'essaye d'afficher les données contenues dans un fichier XML, en utilisant les fonctions déja creer par Google AJAX APIs. J'utilise donc la fonction drawChart(), qui permet d'effectuer des graphique, J'utilise aussi les fonctions GDownloadUrl() et GXml.parse() pour lire mon fichier XML. Mon soucis est que je ne comprends très bien ce qui retourné par ces fonctions et surtout comment les utilisées ensuites.
Je vous donne, ce que j'ai codé pour l'instant :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
   <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg"
            type="text/javascript"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["areachart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        GDownloadUrl("track.gpx", function(data, responseCode) {
         var xml = GXml.parse(data);
           var markers = xml.documentElement.getElementsByTagName("trkpt");
         var donnee = new google.visualization.DataTable();
         
         donnee.addRows(10);
               
                for (var i = 0; i < markers.length; i++) {
                        donnee.setValue(i-1, 0,parseFloat(markers[i].getAttribute("lat")));
                        donnee.setValue(i-1, 1,parseFloat(markers[i].getAttribute("lon")));
            }   
         
        var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
        chart.draw(donnee, {width: 400, height: 240, legend: 'bottom', title: 'Company Performance'});
        })
      }
    </script>
  </head>
 
  <body>
    <div id="chart_div"></div>
  </body>
</html>

merci d'avance pour vos responses