Comment créez-vous des graphiques dans des applications Web?

Question

Je sais que cette question est probablement très basique, mais je suis un débutant donc j'espère que c'est justifié. J'ai essayé de chercher mais je n'ai pas vraiment trouvé quelque chose de fondamental sur le sujet. Donc ... si j'ai une application web avec des utilisateurs qui génèrent certains nombres au fil du temps et que je veux créer un diagramme à secteurs et un diagramme de dispersion de ces données, comment ferais-je cela? J'ai pensé faire un tas de jpgs avec des graphiques différents à des valeurs différentes, mais ce serait ridicule, donc je suppose qu'il y a un moyen plus facile de le faire. Est-ce vrai?

Answer 1

Vous pouvez utiliser Google Charts:

Answer 2

Si vous ne voulez pas plonger profondément dans le noyau dur javascript et créer tous les visuels vous, jquery a un tas de bouchon -ins et extensions qui peuvent éventuellement vous aider à obtenir ce que vous voulez faire plus facile. Jetez un oeil ici http://www.jqplot.com/

peut-être qu'il peut vous aider à démarrer dans la direction que vous recherchez.

Answer 3

un coup d'oeil à, cela nécessitera la tho de la bibliothèque jquery

6 plugins graphiques jquery http://www.reynoldsftw.com/2009/02/6-jquery-chart-plugins-reviewed/

Ou

graphiques Mootools http://workshop.rs/2010/02/moobargraph-ajax-graph-for-mootools/

Answer 4

Je suggère d'utiliser Flot, qui est jQuery addon. Il est assez facile à utiliser et il a une très bonne documentation: http://code.google.com/p/flot/

Answer 5

Essayez soit http://code.google.com/apis/charttools/index.html ou http://www.fusioncharts.com/free/ les deux sont bons et gratuits.

Answer 6

Il existe essentiellement 3 approches:

• L'approche classique (et très compatible) est de faire ce que vous avez dit vous-même et générer ces images sur côté serveur. Vous pouvez générer ces images à la volée chaque fois que quelqu'un les demande, ou vous pouvez les mettre en cache d'une manière ou d'une autre - c'est à vous de décider.

• Une approche moderne consiste à utiliser SVG et Canvas pour générer ces images côté client avec Javascript. Notez que certains navigateurs plus anciens (comme IE6) ne pourront pas les afficher. Enfin, vous pouvez utiliser un autre plugin de navigateur (comme Flash, Java ou Silverlight) pour générer les images côté client. L'inconvénient à nouveau est que le navigateur doit avoir le plugin approprié, et les appareils mobiles sont souvent désavantagés ici.

Aussi, comme d'autres l'ont noté, il y a beaucoup de cadres là-bas qui vous évitent les tracas. Je ne serais pas surpris (mais je n'ai pas utilisé moi-même donc je ne peux pas dire) si certains choisiraient même automatiquement quelle que soit la méthode disponible. Le