Graphique circulaire avec jQuery

Question

Je souhaite créer un graphique circulaire en JavaScript. En cherchant, j'ai trouvé l'API Google Charts. Puisque nous utilisons jQuery, j'ai constaté qu'il y a Intégration jQuery pour Google Charts disponible.

Mais mon problème est qu'ici les données réelles sont envoyées au serveur de Google pour créer les graphiques. Existe-t-il un moyen d'empêcher l'envoi des données à Google ? Je suis préoccupé par l'envoi de mes données à une tierce partie.

Answer 1

Flot

Limitations : lignes, points, zones remplies, barres, tarte et combinaisons de ces éléments.

Du point de vue de l'interaction, Flot vous permettra de loin de vous rapprocher le plus possible de la représentation graphique en Flash, comme vous pouvez le faire avec jQuery . Bien que la sortie du graphique soit plutôt élégante, vous pouvez également interagir avec les points de données. Ce que je veux dire par là, c'est que vous pouvez survoler un point de données et obtenir un retour visuel sur la valeur de ce point dans le graphique.

La version trunk de flot supporte les graphiques en camembert.

Capacité de zoom sur les flots.

En plus de cela, vous avez également la possibilité de sélectionner une partie du graphique pour obtenir des données pour une "zone" particulière. En complément de ce "zonage", vous pouvez également sélectionner une zone sur un graphique et zoomer pour voir les points de données d'un peu plus près. Très cool .

---

Sparklines

Limitations : Pie, Ligne, Barre, Combinaison

Sparklines est mon mini outil graphique préféré. Il est idéal pour les graphiques de type tableau de bord (pensez au tableau de bord de Google Analytics la prochaine fois que vous vous connecterez). Parce qu'ils sont si petits, ils peuvent être inclus dans une ligne (comme dans l'exemple ci-dessus). Une autre idée intéressante qui peut être utilisée dans tous les plugins graphiques est la capacité d'auto-rafraîchissement. Leur démo Mouse-Speed vous montre la puissance des graphiques en direct à son meilleur.

---

Query Chart 0.21

Limitations : Zone, Ligne, Barre et leurs combinaisons

jQuery Chart 0.21 n'est pas le plugin graphique le plus joli qui soit, il faut bien le dire. Sa fonctionnalité est assez basique en ce qui concerne les graphiques qu'il peut gérer, mais il peut être flexible si vous y consacrez un peu de temps et d'effort.

L'ajout de valeurs dans un graphique est relativement simple :

.chartAdd({

    "label"  : "Leads",
    "type"   : "Line",
    "color"  : "#008800",
    "values" : ["100","124","222","44","123","23","99"]
});

---

jQchart

Limitations : Barre, ligne

jQchart est un cas particulier. Ils ont intégré des transitions d'animation et une fonctionnalité de glisser/déposer dans le graphique, mais c'est un peu lourd - et apparemment inutile. Il génère de jolis graphiques si vous obtenez le meilleur résultat. CSS mais il y a mieux.

---

TufteGraph

Limitations : Barre et barre empilée

Tuftegraph se présente comme "de jolis graphiques à barres que vous montrerez à votre mère". Il s'en approche, Flot est plus joli, mais Tufte se prête à être très léger. Bien que cela implique des restrictions - il y a peu d'options à choisir, donc vous obtenez ce que vous avez. Jetez-y un coup d'œil pour un rapide graphique en barres des gains.

Answer 2

jqPlot a l'air plutôt bien et c'est une source ouverte.

Voici un lien vers le site le plus impressionnant et le plus récent. Exemples de jqPlot .

Answer 3

J'ai utilisé Graphiques JS et ça a fonctionné à merveille.

Answer 4

Essayez highcharts.

http://www.highcharts.com

Answer 5

Google fournit un service web qui renvoie des graphiques. Plus d'informations ici :

http://code.google.com/intl/nl-NL/apis/chart/