salut,

mon but est gérer un statistique selon des donnes récupérer d'après un fichier .xml

j'ai un code qui tourne et qui affiche un statistique sous forme camembert

dans une page html

voila le code de la page stat.html
Code : 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Mon exemple Example</title>
 
 
 
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript" src="../js/highcharts.js"></script>
 
 
		<script type="text/javascript" src="../js/modules/exporting.js"></script>
 
 
 
		<script type="text/javascript">
                
                        var chart;
                        $(document).ready(function() {
                                chart = new Highcharts.Chart({
                                        chart: {
                                                renderTo: 'container',
                                                plotBackgroundColor: null,
                                                plotBorderWidth: null,
                                                plotShadow: false
                                        },
                                        title: {
                                                text: 'Browser market shares at a specific website, 2010'
                                        },
                                        tooltip: {
                                                formatter: function() {
                                                        return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
                                                }
                                        },
                                        plotOptions: {
                                                pie: {
                                                        allowPointSelect: true,
                                                        cursor: 'pointer',
                                                        dataLabels: {
                                                                enabled: true,
                                                                color: '#000000',
                                                                connectorColor: '#000000',
                                                                formatter: function() {
                                                                        return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
                                                                }
                                                        }
                                                }
                                        },
                                    series: [{
                                                type: 'pie',
                                                name: 'Browser share',
                                                data: [
                                                        ['Firefox',   45.0],
                                                        
                                                        {
                                                                name: 'Chrome',    
                                                                y: 12,
                                                                sliced: true,
                                                                selected: true
                                                        },
                                                       ['Others',  43 ]
                                                        
                                                ]
                                        }]
                                });
                        });
                                
                </script>
 
	</head>
	<body>
 
		<!-- 3. Add the container -->
		<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
 
 
	</body>
</html>

bien sur je met sous mon projet les fichier exporting.js ,highcharts.js


mais mon but est créer une servlet grâce a cette servlet je peux récupérer

les donnés qui sont stockés dans fichier .xml


je vous donne un exemple de fichier xml qui je dois le parser pour extraire les donnes

fichier test.xml
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?xml version="1.0" encoding="UTF-8"?>
<applications>
   <application id="1">
      <nom>fireFox</nom>
      <occupation>45%</occupation>
   </application>
 
    <application id="2">
      <nom>Chrome</nom>
      <occupation>12.8%</occupation>
   </application>
 
 
 
</applications>

donc dans la servlet en principe je dois écrire le code java grâce lequel je dois parcourir le fichier test.xml


j'ai une idee sur le code java qui sert a parcourir le fichier .xml et extraire le donnes dans mon cas je dois extraire : Firefox 45
Chrome 12,8


la valeur de other dois être calculer automatique en faire la différence (100-(45+12))


le but est connaitre la structure final de la servlet nommé par exemple : testServlet.java


et comment avoir la relation avec le fichier stat.html

pour que les donnes par exemple ['Firefox', 45.0] seront remplir automatique c a dire le nom :firefox doit être rempli automatique grâce au fichier test.xml :<nom>fireFox</nom>

de même pour la valeur 45


donc a mon avie je dois avoir un changement dans le fichier stat.html pour que je peux remplir les valeurs de manière automatique


aussi le fichier testServlet.java dois être écrit de manière a qu'il puisse parcourir le fichier test.xml et extraire les donnes nécessaire



j'espère qui j'arrive a simplifier le problème et l'objectif attendue



merci d'avance