p
u
b
l
i
c
i
t
é

La bibliothèque JavaScript open source Chart.js disponible
Elle permet de générer des graphiques HTML5

Le , par Hinault Romaric, Responsable Actualités
Plein d’améliorations au rendez-vous pour cette nouvelle version applaudie par la communauté open source.

Chart.js, la bibliothèque JavaScript de représentation des données sous forme de graphes statistiques vient d’être publiée sur le site officiel de son créateur Nick Downie.

D’une utilisation très simple avec plusieurs options de personnalisation, l’outil offre une prise en charge du HTML5 et ne nécessite pas de dépendance tierce.

Chart.js est compatible avec tous les navigateurs modernes (qui supportent HTML5). Notons tout de même que la prise en charge des versions 7 et 8 d’Internet Explorer requiert une autre dépendance.

Six représentations graphiques sont offertes par la bibliothèque, notamment les courbes, les camemberts, les diagrammes en bâtons, les diagrammes en étoiles, les graphiques en anneau et les donuts.


Autres éléments clés pour son adoption : Chart.js est très léger par rapport aux solutions existantes. Il pèse à peine 4,8 ko. Il possède également une excellente documentation. En effet, on trouve sur la page de Nick Downie des tutoriels précis de création des différentes formes.

Chart.js et son code sont téléchargeables sur GiHub.

Télécharger le code du projet sur GitHub

Le site du projet

Et vous ?

Utilisez-vous des générateurs de graphiques dans vos projets Web ?

L’intégreriez-vous dans vos projets professionnels ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de Gugelhupf Gugelhupf - Membre Expert http://www.developpez.com
le 22/03/2013 à 13:54
Je ne connaissais pas, j'apprécie beaucoup (bon après je n'ai pas encore testé).

Utilisez-vous des générateurs de graphiques dans vos projets Web ?
Oui et non, en ce moment nous sommes en pleine phase d'étude d'un projet, on utilise Excel PowerPivot et si le projet abouti, on pense activer une licence Sharepoint pour envoyer les rapports PowerPivot vers ce serveur, on pourra ensuite y accéder par le web.

L’intégreriez-vous dans vos projets professionnels ?
Pourquoi pas, mais si on veut créer des rapports personnelles, il faut créer des bibliothèques qui génèrent tout cet ensemble, on a déjà des outils comme Excel PowerPivot installés sur les postes, de plus on n'est pas limité à 6 types de graphes (ce n'est pas une solution gratuite, mais elle est déjà présente, moins de formation car les gens connaissent déjà Excel).
Avatar de alex_vino alex_vino - Membre Expert http://www.developpez.com
le 22/03/2013 à 13:59
Cette librairie a l'air sympa, mais son gros inconvénient est son impossibilité a ajouter de l'intéraction (car basée sur Canvas et non SVG), c'est vraiment dommage.
Avatar de Waloof Waloof - Invité de passage http://www.developpez.com
le 22/03/2013 à 14:46
Cette librairie a l'air sympa, mais son gros inconvénient est son impossibilité a ajouter de l'intéraction (car basée sur Canvas et non SVG), c'est vraiment dommage.

Bonjour,

effectivement il est dommage qu'aucune interaction ne soit possible de base, d'autant plus quand on sait que le canvas HTML5 le permet et que des librairies javascript comme kinetic.js existent et facilite leur présence.
Avatar de SylvainPV SylvainPV - Rédacteur/Modérateur http://www.developpez.com
le 22/03/2013 à 14:57
Avatar de SpaceFrog SpaceFrog - Rédacteur/Modérateur http://www.developpez.com
le 22/03/2013 à 15:43
il existe un lib svg en jquery
http://keith-wood.name/svg.html
Avatar de pepeyo pepeyo - Invité de passage http://www.developpez.com
le 23/03/2013 à 21:07
quelq' un peut m explique comment utiliser cete librairie , avec ASP .Net ????...

Mettons que j ai u object, en C sharp, avec de donnes et je veux passer cette infor vers cette librairie en format JSON .....

Quelqu' un m aide ??
Avatar de alex_vino alex_vino - Membre Expert http://www.developpez.com
le 23/03/2013 à 23:08
1- Fait un effort de rédaction, un minimum de politesse.
2- Penses aux autres, demande de l'aide sur une nouvelle discussion.
3- C'est une librairie cliente en JavaScript et inpendante de ton langage de programmation / plateforme.
4- Il faut donner plus de détails, regardes du coté de $.ajax() si tu souhaites récupérer des données depuis WCF ou encore Web API, sinon ouvres une nouvelle discussion et je t'aiderais davantage avec plaisir.
5-
Avatar de stailer stailer - Membre Expert http://www.developpez.com
le 24/03/2013 à 19:18
Curieux "destin" pour cette librairie...

Quelques heures après sa sortie, l'employeur de l'auteur lui a demandé de la retirer, ce qui a été fait et le site coupé (enfin du moins, donnant lieu à une page d'explication sur le litige).

Et voilà qu'environ 2 jours plus tard elle est de nouveau en ligne...

Personnellement j'ai presque envie de dire "tout ça pour ça" :
Certes j'aurai beaucoup de mal à développer une librairie comme celle-là mais surtout, il existe largement mieux.

Sans parler du gros manque cité plus haut : l'interaction avec les graphes.
Avatar de Lorenzo77 Lorenzo77 - Membre Expert http://www.developpez.com
le 24/03/2013 à 23:32
Utilisez-vous des générateurs de graphiques dans vos projets Web ?
trés souvent avec Flash (meme si l'utilisateur ne doit pas interagir) ou sinon tout simplement PHP+GD

L’intégreriez-vous dans vos projets professionnels ?
non, toujours a cause des problemes de compatibilités de IE
Offres d'emploi IT
Expert senior ibm/aix h/f
CDI
Société Générale - Ile de France - Paris (75000)
Ingénieur développeur C++ h/f
CDI
Atos - Provence Alpes Côte d'Azur - Sophia Antipolis
H/F Assistant administrateur systèmes GNU/LINUX
Alternance
1000MERCIS - Ile de France - Paris (75000)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique Accueil : le Service Publications -