Afficher une Pie chart

**Zumblum** · 11/03/2022, 13h45

Bonjour,

j'essai d'utiliser la bibliothèque Chart.js sans succès

Est-ce que vous pouvez m'aider svp ?

Voici mon code :

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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Graphique de la température</title> 
 
<script src="Chart/package/dist.Chart.min.js></script>
</head>
<body>
 
<canvas id="mongraph"></canvas>
  <script> 
            var ctx = document.getElementById("mongraph"); 
            var mongraph = new CHart(ctx, {
        data: {
labels: ["AA", "BB"], // Données Axe X
datasets: [{
label: "Température °C", // Titre du jeu de données
data: [12, 19] // données Axe Y
}]
}
</script>
Test
 
</body>
 
</html>

J'ai tenté plusieurs codes trouvé sur le site de https://www.chartjs.org/docs/latest/...harts/pie.html
ou sur le forum mais j'ai toujours 1 page blanche

J'ai trouvé un code source sur github et lorsque je le modifie rien ne s'affiche lorsque je souhaite y insérer des données de ma base de données MySQL.

Je suis novice en php et en js donc merci pour votre compréhension.

Par avance merci pour votre aide,

Bonne journée
Zumblum

**denisduval75** · 12/03/2022, 08h19

Bonjour.

Essaie ceci dans le head de la page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0/dist/Chart.min.js"></script>

Afficher une Pie chart

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager