Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    mars 2011
    Messages
    3 180
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : mars 2011
    Messages : 3 180
    Points : 19 994
    Points
    19 994

    Par défaut Chart.js : créez des graphiques HTML5

    Développez des graphiques côté client orientés objets
    Avec ces bibliothèques JavaScript qui manipulent le HTML5

    Chart.js est une bibliothèque JavaScript conçue pour utiliser les nouvelles fonctionnalités HTML5.

    Cette bibliothèque va vous permettre de créer des graphiques au sein de vos pages en utilisant les canvas HTML5.
    Chart.js est supporté sur tous les navigateurs récents (supportant le HTML5) et offre un fallback spécifique pour IE7 et IE8.

    Vous disposez de six types de graphiques différents :
    • les courbes ;
    • les graphiques en barres ;
    • les graphiques en étoile ;
    • les camemberts ;
    • les graphiques polaires ;
    • les graphiques en « beignets ».

    Chacun de ces types peut être animé, entièrement personnalisé et s'affiche correctement même sur un écran retina.

    Chart.js n'a besoin d'aucune autre bibliothèque pour fonctionner, est très léger (environ 4.5 ko zippé) et offre de nombreuses options de personnalisation.

    Pour plus d'informations, je vous invite à consulter la documentation.

    Télécharger Chart.js.

    Source : chartjs.org

    Et vous ?

    Avez-vous déjà utilisé des graphiques dans vos pages ?
    Si oui, avez-vous utilisé une bibliothèque spécifique ?
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  2. #2
    Membre émérite
    Avatar de Kaamo
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    avril 2007
    Messages
    1 166
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : avril 2007
    Messages : 1 166
    Points : 2 941
    Points
    2 941

    Par défaut

    Intéressant ! Je cherche actuellement une bibliothèque qui permet de faire ce genre de chose. J'ai simplement analysé ce que propose Sencha pour le moment mais j'ai peur qu'il soit trop gros pour ce que je veux faire, je vais comparer avec ça ! Quelqu'un l'utilise ? Ou utilise autre chose pour réaliser des graphiques ?

  3. #3
    Expert éminent
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    juillet 2004
    Messages
    4 115
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : juillet 2004
    Messages : 4 115
    Points : 8 995
    Points
    8 995

    Par défaut

    pour sencha tu peux utiliser senchatools
    tu mets dans ta page HTML le chargement de sencha (simple debug)
    tu place ton js perso avec dedans les riquires pour les composants sencha que tu utilise
    tu lance senchatools et tu obtien un js ne contenant que le noyeau extjs les compoasants que tu utilise et ton propre code.

    ce n'est donc pas lourd.
    A+JYT

  4. #4
    Membre émérite
    Avatar de Kaamo
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    avril 2007
    Messages
    1 166
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : avril 2007
    Messages : 1 166
    Points : 2 941
    Points
    2 941

    Par défaut

    Du code à la carte, en somme. Intéressant, je ne connaissais pas.
    Merci de l'information

  5. #5
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 238
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 238
    Points : 9 478
    Points
    9 478

    Par défaut

    Je ne comprends pas pourquoi on trouve autant de librairies de graphiques basées sur <canvas> alors que le SVG est prédisposé pour ça. Tous les graphiques peuvent très facilement être gérés en vectoriel, et ça permettrait en prime des fonctions de zoom, de sélection d'éléments, de gestion d'évènements sur des sous-composants du graphique.

    J'avais un besoin d'interactivité sur des graphiques pour un de mes projets, et la seule librairie qui réponde vraiment à mes besoins fut elycharts ; mais elle n'est pas tenue à jour et le code source est un vrai bazar en italien.

    Quelqu'un pourrait aussi coder une librairie de graphiques basée sur http://bonsaijs.org/ ; je m'y collerais peut-être un de ces jours
    One Web to rule them all

Discussions similaires

  1. Réponses: 4
    Dernier message: 15/01/2016, 14h09
  2. Réponses: 4
    Dernier message: 07/02/2011, 19h11
  3. Améliorer la résolution des graphiques en camembert / Pie Charts
    Par choucks dans le forum ODS et reporting
    Réponses: 10
    Dernier message: 26/10/2010, 14h57
  4. [VBA Chart] Propriétés des graphiques
    Par Azharis dans le forum VBA Access
    Réponses: 2
    Dernier message: 02/07/2007, 08h25

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo