Serait-on recommander une bibliothèque graphique particulière de JavaScript - plus précisément celui qui n’utilise pas du tout flash ?
Réponses
Trop de publicités?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:
- Dojox Cartographie, bon, si vous utilisez le Dojo toolkit déjà
- Raphaëlde solutions à base d'
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.
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.
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.
Il peut-être pas exactement ce que vous cherchez, mais
Google Chart API est assez cool et facile à utiliser.
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.