Bonjour à tous,

Je me permet de solliciter votre aide concernant mon projet ajax.
Je suis novice dans ce domaine et je vous remercie d’avance pour votre patience et compréhension.
Mon projet est de réaliser un graphique avec ajax.
Mon graphique est un programme chartjs.
J’ai déjà réussi à générer un fichier xml avec php.
Aant de poster j’ai essayer beaucoup de tuto mais sans succ7s.
Voilà le code que je pense correct.
Plus qu’une solution je souhaite comprendre, merci pour vos commentaires.

Voici le texte xml généré

Code XML : 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
<?xml version="1.0" encoding="utf-8"?>
<resultat>
  <jour>
    <dte>2020-09-14 00:00:00</dte>
    <etat>3</etat>
    <id>3</id>
  </jour>
  <jour>
    <dte>2020-09-15 00:00:00</dte>
    <etat>8</etat>
    <id>3</id>
  </jour>
  <jour>
    <dte>2020-09-16 00:00:00</dte>
    <etat>12</etat>
    <id>3</id>
  </jour>
</resultat>

et mon départ de fichier de traitement de données en js.

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
//---------------------------------------
//   Connect
//---------------------------------------
 
function xhr_connect(){
	var xhr = false
	if (window.XMLHttpRequest) {
		xhr = new XMLHttpRequest
	} else if (window.ActiveXObject) {
		var reussi = false
		var iexhr = new Array( "Msxml2.XMLHTTP.7.0","Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","MSXML2.XMLHTTP.3.0","MSXML2.XMLHTTP","Microsoft.XMLHTTP")
		for (var i = 0; i < iexhr.length && !reussi; i++) {
			try {
				xhr = new ActiveXObject(iexhr[i])
				reussi = true
			} catch(e) {}
		}	
	}
  return xhr;
}
Voici aussi comment le graphique fonctionne non dynamiquement:

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
var ctx = document.getElementById('myChart').getContext('2d');
 
var chart = new Chart(ctx, {
    // The type of chart we want to create
	type: 'line',
 
	// recherche des données
 
 
 
    // The data for our dataset
    data: {
        labels: ['Janvier', 'Fevrier', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet','Aout','Septembre','Octobre','Novembre','Decembre'],
       	datasets: [{
            label: 'Suivi journalier',
            backgroundColor: 'rgb(255, 99, 132)',
            borderColor: 'rgb(255, 99, 132)',
            data: [0, 10, 5, 2, 12, 14, 17,15,7,8,5,7]
        }]
    },
 
    // Configuration options go here
    options: {}
});
Merci de votre aide.
Cordialement.