Highcharts 3.0.8 : créez des graphiques complexes et interactifs pour vos applications Web
Avec cette bibliothèque HTML5 / JavaScript

Le , par vermine, Responsable JavaScript & AJAX
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 ?


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


 Poster une réponse

Avatar de SylvainPV SylvainPV - Rédacteur/Modérateur http://www.developpez.com
le 10/01/2014 à 18:16
Très bonne bibliothèque, mais attention à la license pour les projets commerciaux: http://shop.highsoft.com/highcharts.html
Avatar de vg33 vg33 - Membre expérimenté http://www.developpez.com
le 13/01/2014 à 0:02
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.
Avatar de marps marps - Nouveau membre du Club http://www.developpez.com
le 13/01/2014 à 10:32
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.
Avatar de Torotoro Torotoro - Nouveau membre du Club http://www.developpez.com
le 16/01/2014 à 8:53
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.
Avatar de singman singman - Membre actif http://www.developpez.com
le 16/01/2014 à 9:35
@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.
Avatar de rogerlette rogerlette - Membre à l'essai http://www.developpez.com
le 16/01/2014 à 9:50
La bibliothèque libre est entièrement gratuite www.dygraphs.com est aussi très très performante.
Avatar de Pelote2012 Pelote2012 - Membre chevronné http://www.developpez.com
le 16/01/2014 à 10:15
en allant cliquer sur le lien version 3.0.9
Avatar de vermine vermine - Responsable JavaScript & AJAX http://www.developpez.com
le 16/01/2014 à 11:08
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.
Avatar de ManUtopiK ManUtopiK - Futur Membre du Club http://www.developpez.com
le 21/01/2014 à 0:45
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).
Avatar de alexlovy alexlovy - Nouveau membre du Club http://www.developpez.com
le 21/01/2014 à 5:39
très joli, mais la licence par développeur est juste inexploitable.
Offres d'emploi IT
Ingénieur solution web #multi-devices #javascript h/f
MATIERE GRISE - Ile de France - Paris (75000)
Développeur web javascript (nodejs, angularjs)
Digitevent - Ile de France - Paris (75002)
Développeur javaScript fullstack H/F
Piste On Jobs - Ile de France - Paris (75000)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -