Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

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

Le , par vermine

0PARTAGES

4  0 
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 ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de Pelote2012
Membre chevronné https://www.developpez.com
Le 16/01/2014 à 10:15
en allant cliquer sur le lien version 3.0.9
1  0 
Avatar de vermine
Responsable Jeux-Concours https://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.
1  0 
Avatar de vermine
Responsable Jeux-Concours https://www.developpez.com
Le 11/03/2014 à 11:14
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.
1  0 
Avatar de SylvainPV
Rédacteur/Modérateur https://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
0  0 
Avatar de vg33
Membre expérimenté https://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.
0  0 
Avatar de marps
Nouveau membre du Club https://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.
0  0 
Avatar de Torotoro
Nouveau membre du Club https://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.
0  0 
Avatar de singman
Membre actif https://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.
0  0 
Avatar de rogerlette
Membre à l'essai https://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.
0  0 
Avatar de ManUtopiK
Futur Membre du Club https://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).
0  0