223 votes

Bibliothèque graphique de JavaScript

Serait-on recommander une bibliothèque graphique particulière de JavaScript - plus précisément celui qui n’utilise pas du tout flash ?

160voto

Jean Vincent Points 3136

Il y a un nombre croissant de l'Open Source et des solutions commerciales pour JavaScript et de cartographie qui ne nécessitent pas de Flash. Dans cette réponse, je ne présenter Ouvrir les options de la Source.

Il y a 2 principales classes de JavaScript solutions pour les graphismes qui ne nécessitent pas de Flash:

  • Toile à base de rendu d'IE à l'aide de explorercanvas de façon que, dans les virages s'appuie sur VML
  • SVG standard des navigateurs, traduit VML dans IE

Il y a des avantages et des inconvénients des deux approches, mais pour une cartographie de la bibliothèque, je recommanderais le plus tard parce qu'il est bien intégré avec les DOM, permettant de manipuler les éléments du graphique avec le DOM, et le plus important paramètre d'événements DOM. En revanche Toile tracer les bibliothèques doivent réinventer les DOM roue de gérer les événements. Donc, sauf si vous avez l'intention de construire des graphes statiques sans la gestion des événements, SVG/VML solutions devraient être mieux.

Pour SVG/VML solutions il existe de nombreuses options, y compris:

Raphaël est très active, bien entretenues, et mature, open-source bibliothèque graphique avec une très bonne charge des navigateurs, y compris IE 6 à 8, Firefox, Opera, Safari, Chrome, et Konqueror. Raphaël ne dépend d'aucun framework JavaScript et peut donc être utilisé avec Prototype, jQuery, Dojo, Mootools, etc...

Il y a un certain nombre de tracer les bibliothèques basées sur Raphaël, y compris (mais non limité à):

  • gRaphael, une extension de l'Raphaël bibliothèque graphique
  • Ico, avec une interface intuitive API basée sur un simple appel de fonction pour créer des graphiques complexes

Divulgation: je suis le développeur de l'un des Ico fourches sur github.

70voto

Bittercoder Points 4692

Si vous êtes à l'aide de jQuery, j'ai trouvé flot d'être très bon - essayez les exemples pour voir si elles répondent à vos besoins, mais j'ai trouvé à faire la plupart de ce dont j'ai besoin pour mon projet actuel.

En outre ExtJS 4.0 a introduit un grand ensemble de tableaux - très puissant, et il est conçu pour travailler avec des données en direct.

60voto

Torstein Hønsi Points 541

Découvrez http://www.highcharts.com !

Highcharts est une bibliothèque graphique écrite en JavaScript, qui offre un moyen facile d’ajouter des graphiques interactifs à votre site web ou une application web. Highcharts prend actuellement en charge la ligne, spline, zone, areaspline, colonne, bar, tarte et l’éparpillement des types de graphiques.

36voto

Jan Gressmann Points 2758

Il peut-être pas exactement ce que vous cherchez, mais
Google Chart API est assez cool et facile à utiliser.

15voto

Fgblanch Points 1805

Il y a une autre librairie javascript basé sur le format SVG. Il est appelé Protovis et il vient de Stanford Groupe de Visualisation

Il permet aussi de faire de beau graphiques interactifs et de visualisations.

http://vis.stanford.edu/protovis/ex/

Même si c'est seulement pour les navigateurs web modernes

Mise à JOUR: Le protovis équipe a déménagé à une autre bibliothèque appelée d3.js (Piloté par les Données des Documents) comme ils ont dit:

"La Protovis équipe est en train de développer une nouvelle bibliothèque de visualisation, D3.js avec un support amélioré pour l'animation et l'interaction. D3 s'appuie sur de nombreux concepts dans Protovis"

La nouvelle bibliothèque peuvent maintenant être trouvés dans:

http://mbostock.github.com/d3/

Mise à JOUR 2:

"Pousse-pousse" est un code JavaScript trousse d'outils pour la création interactive de la série de graphiques. Basé sur d3.js qui simplifie beaucoup le travail avec les d3.js bien que l'est un peu moins puissant.

http://code.shutterstock.com/rickshaw/

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X