Tutoriel : Créer des graphiques sur une page web avec Chart.js

Опубликовано: 12 Май 2026
на канале: NSI - SIN Paul Vincensini - BASTIA

43,041

380

Afficher des graphiques sur une page web avec la librairie JavaScript gratuite, légère, responsive, dynamique et personnalisable Chart.js.

SOMMAIRE:
Présentation de la librairie
Les différents types de graphiques (1:26)
Codage de notre premier graphique (2:39)
Configuration des graphiques (7:01)
Importation depuis une base de données (12:43)
En PHP (17:54)

ÉCHANTILLON DE DONNÉES DU TUTORIEL :
datas = [('2018-02-01 08:00:00', 8.0), ('2018-02-01 09:00:00', 8.5), ('2018-02-01 10:00:00', 10),
('2018-02-01 11:00:00', 14.25), ('2018-02-01 12:00:00', 16.5), ('2018-02-01 13:00:00', 17),
('2018-02-01 14:00:00', 14.0), ('2018-02-01 15:00:00', 15.25), ('2018-02-01 16:00:00', 13),
('2018-02-01 17:00:00', 10.75)]