Je souhaite créer un graphique à secteurs en JavaScript. Lors de la recherche, j'ai trouvé l'API Google Charts. Depuis que nous utilisons jQuery, j'ai trouvé qu'il existe une intégration jQuery pour Google Charts disponible.
Mais mon problème est ici que les données réelles sont envoyées au serveur 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 à un tiers.
Réponses:
jqPlot a l' air plutôt bien et il est open source.
Voici un lien vers les exemples jqPlot les plus impressionnants et les plus récents .
Du point de vue de l'interaction, Flot vous rapprochera de loin le plus possible du graphisme Flash jQuery. Bien que la sortie graphique soit assez lisse et belle, vous pouvez également interagir avec des points de données. Ce que je veux dire par là, c'est que vous pouvez avoir la possibilité de survoler un point de données et d'obtenir un retour visuel sur la valeur de ce point dans le graphique.
La version tronc de flot prend en charge les graphiques à secteurs.
Capacité Flot Zoom.
En plus de cela, vous avez également la possibilité de sélectionner un morceau du graphique pour récupérer des données pour une «zone» particulière. En tant que caractéristique secondaire 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 est mon mini-outil graphique préféré. Vraiment idéal pour les graphiques de style tableau de bord (pensez au tableau de bord Google Analytics la prochaine fois que vous vous connectez). Parce qu'ils sont si petits, ils peuvent être inclus en ligne (comme dans l'exemple ci-dessus). Une autre bonne idée qui peut être utilisée dans tous les plugins graphiques est les capacités d'auto-actualisation. Leur démo Mouse-Speed vous montre la puissance de la cartographie en direct à son meilleur.
jQuery Chart 0.21 n'est pas le plus beau plugin de création de graphiques, il faut le dire. Ses fonctionnalités sont assez basiques en ce qui concerne les graphiques qu'il peut gérer, mais cela peut être flexible si vous pouvez y consacrer du temps et des efforts.
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 est étrange, ils ont intégré des transistions d'animation et des fonctionnalités de glisser / déposer dans le graphique, mais c'est un peu maladroit - et apparemment inutile. Il génère de jolis graphiques si vous obtenez la CSSbonne configuration, mais il y a mieux là-bas.
Tuftegraph se vend comme «de jolis graphiques à barres que vous montreriez à votre mère». Il se rapproche, Flot est plus joli, mais Tufte se prête bien à être très léger. Bien que cela entraîne des restrictions - il y a peu d'options parmi lesquelles choisir, vous obtenez donc ce que l'on vous donne. Consultez-le pour un graphique à barres des gains rapides.
Des tonnes de bonnes suggestions ici, je vais simplement jeter ZingChart sur la pile pour faire bonne mesure. Nous avons récemment publié un wrapper jQuery pour la bibliothèque qui facilite encore plus la création et la personnalisation des graphiques. Les liens CDN sont dans la démo ci-dessous.
Je fais partie de l'équipe ZingChart et nous sommes là pour répondre à toutes les questions que vous pourriez avoir!
Quelques autres qui n'ont pas été mentionnés:
Pour les mini tartes, lignes et barres, Peity est brillant, simple, minuscule, rapide, utilise un balisage vraiment élégant.
Je ne suis pas sûr de sa relation avec Flot (étant donné son nom), mais Flotr2 est plutôt bon, fait certainement de meilleures tartes que Flot.
Bluff produit de jolis graphiques linéaires, mais j'ai eu un peu de mal avec ses tartes.
Pas ce que je cherchais, mais un autre produit commercial (un peu comme Highcharts) est TeeChart .
Chart.js est très utile, prenant également en charge de nombreux autres types de graphiques.
Il peut être utilisé à la fois avec jQuery et sans.
Il y a un nouveau joueur dans le domaine, offrant des cartes de navigation avancées qui utilisent Canvas pour des animations et des performances ultra-fluides:
Exemple de graphiques:
Documentation: https://zoomcharts.com/en/javascript-charts-library/charts-packages/pie-chart/
Ce qui est cool avec cette lib:
Les graphiques sont gratuits pour une utilisation non commerciale, des licences commerciales et un support technique sont également disponibles.
Des graphiques temporels et des graphiques nets interactifs sont également à votre disposition.
Les graphiques sont livrés avec une API et des paramètres étendus, vous permettant de contrôler tous les aspects des graphiques.
Gratuit pour un usage non commercial.
Comprend des plugins pour jQuery , Node.js, WordPress, Drupal, Joomla, Microsoft TypeScript, etc ...
Quelques captures d'écran de certaines des démos:
