IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
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

Bibliothèques & Frameworks Discussion :

HighCharts 3.0.0 : la bibliothèque HTML5 / JavaScript pour créer des graphiques complexes


Sujet :

Bibliothèques & Frameworks

  1. #1
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 912
    Points
    79 912
    Par défaut HighCharts 3.0.0 : la bibliothèque HTML5 / JavaScript pour créer des graphiques complexes
    Highcharts 3.0.0 : la bibliothèque HTML5 / JavaScript pour créer des graphiques complexes
    Sortie de la révision 3.0.8.


    Highcharts est une bibliothèque graphique écrite en HTML5 et JavaScript, offrant des graphiques complets et complexes mais intuitifs et interactifs pour votre site ou votre application Web. Elle implémente différents types de graphiques (colonnes, lignes, aires, camemberts, nuages de points, etc.).

    La version 3.0.0, sortie il y a quelques temps, proposait des améliorations visuelles et une meilleure interaction avec les outils tactiles.


    Démonstrations.


    La révision 3.0.8 amène une série de corrections et quelques ajouts. De plus, elle supprime certains éléments non compatibles avec tous les navigateurs. Vous y trouvez par exemple :

    • la suppression de certaines propriétés inutiles dans pom.xml ;
    • l'amélioration des chevauchements à plusieurs niveaux ;
    • l'ajout de la gestion white-space: nowrap pour les textes SVG ;
    • une correction concernant l'affichage d'arcs non désirés (VML) ;
    • le support du multi-touche pour IE 10 et 11 ;
    • l'ajout d'un format par défaut pour la date dans headerFormatter ;
    • des améliorations de performance en jouant avec le cache ;
    • l'ajout de l'option global.timezoneOffset pour permettre de paramétrer quelle zone (timezone) utiliser même si les données en entrée sont définies en UTC ;
    • etc.


    Téléchargement.
    Documentation.

    Et vous ?

    Qu'utilisez-vous pour créer des graphiques ?
    Connaissez-vous cet outil ? Qu'en pensez-vous ?

  2. #2
    Rédacteur/Modérateur

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

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Points : 9 944
    Points
    9 944
    Par défaut
    Très bonne bibliothèque, mais attention à la license pour les projets commerciaux: http://shop.highsoft.com/highcharts.html
    One Web to rule them all

  3. #3
    Membre expérimenté

    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    1 278
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 1 278
    Points : 1 639
    Points
    1 639
    Par défaut
    Certes, la licence est très chère (elle peut dépasser les 3500 $), mais cette bibliothèque est incroyablement efficace.
    Je m'en sert pour un projet open source pour l'éducation (donc licence libre), je fais 45 graphiques pour la partie statistiques, et on peut tout faire, tout paramétrer.

  4. #4
    Nouveau membre du Club
    Inscrit en
    Février 2009
    Messages
    33
    Détails du profil
    Informations forums :
    Inscription : Février 2009
    Messages : 33
    Points : 38
    Points
    38
    Par défaut Mérité
    Tout comme vg33, je l'utilise dans mes projets open source et je l'ai beaucoup utilisé lors de ma dernière année de master pour réalisé des tableaux de bords plus sexy

    Le simplicité d'utilisation et le rendu rendent cette bibliothèque presque indispensable.

  5. #5
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 28
    Points : 39
    Points
    39
    Par défaut
    Grosse lacune de ce type de bibliothèque côté client, la sauvegarde du rendu sur le serveur est très problématique.
    Il est difficile de réutiliser un graph dans un PDF généré côté serveur.

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    156
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 156
    Points : 306
    Points
    306
    Par défaut
    @Torotoro: tu a une possibilité d'export en PDF, SVG, PNG, etc... directement sur l'interface, et en regardant un poil le source, tu peux faire ta sauvegarde par script. Mais l’intérêt de la bibliothèque c'est aussi le rendu en temps réel avec le rafraîchissement automatique sur les nouvelles données.
    En tout cas, j'utilise intensément Highcharts, en remplacement des graphes de Google qui sont moins paramétrables.

  7. #7
    Membre à l'essai
    Profil pro
    Inscrit en
    Octobre 2008
    Messages
    29
    Détails du profil
    Informations personnelles :
    Âge : 35
    Localisation : France

    Informations forums :
    Inscription : Octobre 2008
    Messages : 29
    Points : 18
    Points
    18
    Par défaut
    La bibliothèque libre est entièrement gratuite www.dygraphs.com est aussi très très performante.

  8. #8
    Membre chevronné
    Avatar de Pelote2012
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mars 2008
    Messages
    925
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Haute Vienne (Limousin)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 925
    Points : 1 839
    Points
    1 839
    Billets dans le blog
    2
    Par défaut
    en allant cliquer sur le lien version 3.0.9
    Si débugger est l'art d'enlever les bugs ... alors programmer est l'art de les créer

  9. #9
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 912
    Points
    79 912
    Par défaut Sortie de Highcharts 3.0.9
    Sortie de Highcharts 3.0.9


    La révision 3.0.9 amène principalement des corrections, dont l'une concerne une régression apportée par la révision précédente :

    • la couleur pour le hover des colonnes ayant l'option de couleur individuelle (la régression) ;
    • il y avait une erreur JavaScript lorsqu'on bougeait la souris trop vite hors du graphique ;
    • une amélioration du positionnement de texte sur IE lorsque la hauteur des lignes fixée en CSS était plus petite que le taille de la police ;
    • un problème d'affichage au niveau des tooltips notamment sur les appareils tactiles ;
    • un mauvais positionnement sur l'axe Y pour les jauges ;
    • l'ajout d'un fichier bower.json ;
    • l'implémentation de l'option switchRowsAndColumns dans le module data ;
    • etc.



    Téléchargement.
    Documentation.
    Images attachées Images attachées  

  10. #10
    Membre à l'essai
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 7
    Points : 10
    Points
    10
    Par défaut Négawatt
    Pour les passionnés, je vous invite à admirer les graphiques du scénario énergétique négaWatt http://www.negawatt.org/scenario
    Il combine l'utilisation de highchart.js avec la librairie history.js qui permet de faire du changement d'url à la volée pour les navigateurs en HTML5.
    Résultat, un même conteneur highchart sert à afficher une trentaine de graphiques... C'est beau
    Il y a même un mode "pro" http://www.negawatt.org/scenario/usa...ndanciel?pro=1 qui permet d'afficher plus d'information et d'ajouter des points sur les courbes (utilisez la touche maj).

  11. #11
    Nouveau membre du Club

    Profil pro
    AMOA
    Inscrit en
    Novembre 2010
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : AMOA

    Informations forums :
    Inscription : Novembre 2010
    Messages : 6
    Points : 36
    Points
    36
    Par défaut joli mais...
    très joli, mais la licence par développeur est juste inexploitable.

  12. #12
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    Citation Envoyé par SylvainPV Voir le message
    Très bonne bibliothèque, mais attention à la license pour les projets commerciaux: http://shop.highsoft.com/highcharts.html
    C'est un vrai problème, je vois dans la FAQ du site HighCharts que même son utilisation sur DVP sera assimilée par eux comme une utilisation requérant une licence payante, car DVP vend des espaces publicitaires.

    Je l'ai utilisé dans un nouveau Q/R pour la FAQ jQuery, mais là c'est direction poubelle.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  13. #13
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 912
    Points
    79 912
    Par défaut Sortie de Highcharts 3.0.10
    Sortie de Highcharts 3.0.10


    La révision 3.0.10 amène une longue série de corrections et quelques ajouts qui améliorent considérablement les performances. Par exemple :

    • l'ajout d'une option plotOptions.gauge.overshoot qui prend une valeur en degrés pour exprimer les dépassements lorsque la valeur est hors du graphique ;
    • une correction sur les libellés des barres d'erreur qui ne s'affichaient pas ;
    • l'ajout d'une meilleure logique dans Series.setData afin de ne pas recréer tous les points de données mais de les mettre à jour. Cela permet à l'animation de s'exécuter plus rapidement et la gestion de la mémoire est mieux maîtrisée ;
    • l'objet Pointer ne crée plus de fuite de mémoire après Chart.destroy ;
    • l'ajout d'une option yAxis.reversedStacks pour choisir si on attaque la pile de haut en bas ou bien de bas en haut ;
    • une amélioration sur le Chart.setTitle et le fait de redessiner le graphique pour adapter le changement de taille au titre ;
    • la correction d'effets inattendus du zoom en dehors de la plage de données ;
    • une correction sur le positionnement des marqueurs sur les anciennes versions d'IE ;
    • il n'y a plus d'erreur JavaScript lorsqu'on active des graphiques dans des pages qui sont sauvegardées sur le disque depuis le navigateur ;
    • etc.



    Téléchargement.
    Documentation.

Discussions similaires

  1. [HighCharts] Highcharts 4.1.0 : la bibliothèque HTML5 / JavaScript améliore son offre de graphiques
    Par vermine dans le forum Bibliothèques & Frameworks
    Réponses: 12
    Dernier message: 14/12/2015, 15h04
  2. Réponses: 6
    Dernier message: 23/12/2014, 11h56
  3. Réponses: 2
    Dernier message: 03/08/2013, 12h30
  4. Réponses: 9
    Dernier message: 09/03/2011, 15h18
  5. Réponses: 0
    Dernier message: 28/01/2009, 11h12

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