Developpez.com - Rubrique AJAX

Le Club des Développeurs et IT Pro

Highcharts 3.0.8 : créez des graphiques complexes et interactifs pour vos applications Web

Avec cette bibliothèque HTML5 / JavaScript

Le 2014-01-10 14:27:03, par vermine, Expert éminent sénior
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 ?
  Discussion forum
12 commentaires
  • Pelote2012
    Membre chevronné
    en allant cliquer sur le lien version 3.0.9
    le 16/01/2014 à 10:15
  • SylvainPV
    Rédacteur/Modérateur
    Très bonne bibliothèque, mais attention à la license pour les projets commerciaux: http://shop.highsoft.com/highcharts.html
    le 10/01/2014 à 18:16
  • vg33
    Membre expérimenté
    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.
    le 13/01/2014 à 0:02
  • marps
    Nouveau membre du Club
    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.
    le 13/01/2014 à 10:32
  • Torotoro
    Nouveau membre du Club
    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.
    le 16/01/2014 à 8:53
  • singman
    Membre averti
    @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.
    le 16/01/2014 à 9:35
  • rogerlette
    Membre à l'essai
    La bibliothèque libre est entièrement gratuite www.dygraphs.com est aussi très très performante.
    le 16/01/2014 à 9:50
  • ManUtopiK
    Membre à l'essai
    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).
    le 21/01/2014 à 0:45
  • alexlovy
    Nouveau membre du Club
    très joli, mais la licence par développeur est juste inexploitable.
    le 21/01/2014 à 5:39
  • danielhagnoul
    Rédacteur
    Envoyé par SylvainPV
    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.
    le 22/01/2014 à 9:40
  Poster une réponse