Developpez.com

Télécharger gratuitement le magazine des développeurs, le bimestriel des développeurs avec une sélection des meilleurs tutoriels

AnyChart JS : construisez des graphiques performants et complexes
Grâce à ce framework JavaScript orienté HTML5

Le , par vermine, Responsable JavaScript & AJAX
AnyChart JS : construisez des graphiques performants et complexes
Grâce à ce framework JavaScript orienté HTML5


AnyChart est un framework JavaScript flexible (orienté HTML5) pour construire des graphiques interactifs qui s'adaptent à n'importe quel besoin de visualisation de données. Il rassemble et propose toutes les fonctionnalités majeures qui pourraient vous être utiles.

Vous pouvez utiliser AnyChart pour un site Web, pour une application BI, pour une présentation, pour une solution client, etc. L'outil est flexible et personnalisable. Il est multiplateforme. Peu importe le serveur et la base de données de vos projets.

Plusieurs grandes sociétés font confiance à AnyChart : Oracle, Ford, Citi Bank, Ericsson, Microsoft, Rolex et bien d'autres !

Le framework est divisé en quatre parties.

  • AnyChart : c'est la bibliothèque de graphiques dont les maîtres mots sont l'évolutivité, les performances et l'individualité.


La gestion des grands ensembles de données est un atout de cette bibliothèque. Les graphiques peuvent être construits en temps réel avec les mises à jour des données côté client (sur plusieurs niveaux). Il y a un moteur de thèmes qui offre un bon rendu et il est possible d'exporter les graphiques sous format PDF et en tant qu'image.

La bibliothèque supporte également les appareils mobiles et est multinavigateur (utilisation de JavaScript natif). Elle offre un grand nombre de types de graphiques 2D et 3D, par exemple : lignes, nuage de points, barres, sparkline, cascade, spline, entonnoir, bulle, polaire, colonne, camembert, boîte à moustaches, jauge et beaucoup d’autres disponibles séparément ou en combinaison.





Elle est conçue pour afficher n’importe quelle information basée sur la date et l’heure (par exemple pour des applications clientes et des rapports sur la performance). Ce sont des graphiques sophistiqués et interactifs permettant un reporting performant pour faire vos analyses financières. Les données sont accessibles via un zoom, via la technique du forage, etc. Vous avez ici un test de rapidité.



  • AnyMap : la bibliothèque gère toute la partie cartographie.


Elle est utilisée notamment pour les prévisions météorologiques, la gestion des crises (situation), la gestion de l'énergie, les résultats d'élections, etc. Elle inclut une collection complète de cartes et est parfaitement compatible avec les autres bibliothèques du framework.





  • AnyGantt : la bibliothèque permet de construire des diagrammes de Gantt.


Elle peut visualiser les tâches d'un projet (à savoir leur ordonnancement et hiérarchie, le temps prévu et celui utilisé, les tâches en cours, etc.) ainsi que le planning/l'utilisation des ressources (qui peuvent être des serveurs, des équipements, la disponibilité des employés, l'instrumentation, etc.).

Toutes les fonctionnalités de configuration de calendrier, de grille et autres peuvent être appliquées à n’importe quel type de graphique. La bibliothèque fournit également l'édition « en ligne » (Live Editing).



L'équipe vient de sortir la version 7.10.0. Vous y trouvez par exemple :

  • le graphique TreeMap pour afficher des données hiérarchisées ;
  • le fait de préciser un nombre maximum de points visibles et un nombre minimum de pixels par point (AnyStock) ;
  • l'utilisation des légendes pour afficher ou cacher des séries (AnyStock) ;
  • une palette de thèmes et de couleurs pour personnaliser votre application ;
  • la possibilité de faire des exports Excel, CSV, XML et JSON ;
  • l'accès aux données statistiques du graphique quand vous voulez ;
  • la série Dot pour les villes, les sites touristiques, les événements, la création de cartes de densité et plus encore (AnyMap) ;
  • une carte Connector pour afficher des cartes de type plan de vol, trajets, etc. (AnyMap) ;
  • un menu contextuel personnalisable ;
  • l'amélioration de l'aspect 3D et des animations ;
  • etc.


Notez cependant que le framework est payant. Heureusement, il peut être utilisé gratuitement pour l'éducation et l'utilisation non commerciale.

Site officiel.
Documentation et API.
Démonstrations et galerie des graphiques (lien vers ceux de AnyChart).
Téléchargement.

Source : d'après un billet de blog officiel.

Et vous ?

Que pensez-vous de AnyChart ? Lisez également l'avis des membres sur d'autres bibliothèques de graphiques.
Passez-vous par des solutions payantes pour vos développements ?

Retrouver les cours et tutoriels sur les frameworks JavaScript.


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


 Poster une réponse

Avatar de melka one melka one - Membre éclairé https://www.developpez.com
le 13/05/2016 à 13:13
jour

je sais pas ce qu'il veulent dire quand il disent performant mais après avoir testé leurs démos c'est pas fluide du tout
Avatar de transgohan transgohan - Expert confirmé https://www.developpez.com
le 13/05/2016 à 13:46
Vous avez testé avec quelle configuration ?
Car j'ai un PC de bureau qui galère à ouvrir certains documents word, j'ai un firefox qui date et malgré cela cela reste fluide pour toutes les démos que j'ai pu voir.
Avatar de melka one melka one - Membre éclairé https://www.developpez.com
le 13/05/2016 à 14:26
un athlon x2 4200 c'est pas le dernier cris en matière de processeurs mais pour ce genre de truc il ne rame jamais, j'ai testé entre autre la carte de france avec tooltip et on sent bien qu'il y a des dérapé quand on se déplace dans la carte.
Avatar de LapinGarou LapinGarou - Membre averti https://www.developpez.com
le 13/05/2016 à 16:48
Franchement, ça passe crème sur mon i5, Chrome avec la dernière update et une vingtaine d'autres onglets ouverts...
Avatar de anton.anychart anton.anychart - Candidat au Club https://www.developpez.com
le 13/05/2016 à 21:42
Bonjour ! Je m'appelle Anton et je suis le président de AnyChart JS Charts. Merci pour votre intérêt pour nos solutions de visualisation de données et pour vos retours, la plupart positifs. Nous sommes constamment en train d'améliorer la performance de nos produits, et actuellement AnyChart est déjà assez rapide et tout fonctionne très bien. Voulez-vous bien nous envoyer tous les détails concernant le problème à support@anychart.com ou via http://www.anychart.com/support/? Nous serons heureux de les examiner et de tout faire pour que vous puissiez vraiment profiter de AnyChart.
Avatar de vaild vaild - Membre actif https://www.developpez.com
le 14/05/2016 à 23:44
Pour ma part, je trouve qu'un framework js payant est un non-sens complet.
Même pour un projet pro, quand il s'agit de web je préférerait toujours une solution équivalente open-source et reconnue, quel que soit le besoin, que ce soit pour être assuré de la maintenance, des couts ou de la durée de vie du projet.
Avatar de dasdeb dasdeb - Membre habitué https://www.developpez.com
le 18/05/2016 à 22:47
Chez moi ça tourne très bien, et pourtant c'est sur un vieil Inspiron 1720
Avatar de zelcor zelcor - Candidat au Club https://www.developpez.com
le 20/05/2016 à 11:07
Un "article" qui commence par un logo de produit, qui ne parle que des avantages du produit et pas de ses limites, qui liste des noms de "grandes société [qui] font confiance" à <insérez ici le nom du produit, il faut l'écrire le plus souvent possible>, qui oublie de mentionner quelques solutions alternatives pour que les utilisateurs puissent faire un choix en connaissance de cause et qui ne mentionne le caractère payant du produit qu'à la fin en précisant toutefois que l’éditeur a la gentillesse de laisser les devs le tester gratuitement, çà s'appelle une ..?
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 20/05/2016 à 12:00
Mes news suivent généralement un même schéma qui n'est peut-être pas optimisé pour tout type de produit, j'en conviens.

Notez qu'une news n'a pas nécessairement la vocation d'informer sur la dernière actualité mais parfois tout simplement de présenter.

Forcément, la news va commencer, si possible, par un logo de produit. C'est un visuel qui renseigne directement le visiteur.
Je ne peux malheureusement pas tester et éprouver de longue haleine tous les produits existants. Je n'ai d'ailleurs pas connaissance de tout. Ce qui empêche d'énumérer de manière exhaustive les qualités ainsi que les inconvénients. C'est pourquoi il y a généralement en fin de news une interpellation du visiteur. Je (me) cite :

Et vous ?

Que pensez-vous de AnyChart ? Lisez également l'avis des membres sur d'autres bibliothèques de graphiques.
Passez-vous par des solutions payantes pour vos développements ?

Interpellation qui peut difficilement se faire avant d'avoir exposé le sujet. Elle ré insiste sur le côté payant de l'outil. Je doute que sur chaque news d'outil payant, nous retrouvions la moindre information à ce sujet. Or, on couvre beaucoup d'actualité sur des outils payants.

Cette interpellation invite également le lecteur a lire une autre news sur des produits similaires (qui par chance, sont gratuits). C'est ce que vous appelez les solutions alternatives. De plus, au niveau du portail, nos news ont un encart qui s'appelle "Sur le même sujet" et qui liste d'autres news. Oh, que vois-je, d'autres news sur des bibliothèques de graphiques. C'est magique.

Le nom du produit ne se retrouve pas plus souvent cité que sur une news d'un produit entièrement gratuit.

Je me demande donc si vous avez tout d'abord lu la news entièrement, et ensuite si vous avez lu d'autres de nos news.
Quoiqu'il en soit, sachez qu'avec votre expérience en la matière, vous êtes le bienvenu pour nous proposer des news sur les sujets qui vous tiennent à cœur. Des news qui seront parfaites, à n'en pas douter.

Merci pour vos participations futures.
Offres d'emploi IT
Ingénieur produit (FADEC militaire) H/F
Safran - Ile de France - 100 rue de Paris 91300 MASSY
Ingénieur moa logiciel H/F
Safran - Ile de France - Villaroche
Responsable de projets - actionneurs H/F
SAFRAN - Ile de France - MASSY / MANTES

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