Comment créer un indicateur de progression circulaire (graphique circulaire) ?

Question

Je dois afficher des graphiques de progression exactement de la manière suivante où le pourcentage serait au centre du graphique circulaire

Comment puis-je faire cela en utilisant javascript/jQuery? Est-ce que cela peut être fait en utilisant Google Chart?

Answer 1

Ceci est une nouvelle bibliothèque js pour cette utilisation : http://anthonyterrien.com/knob/

Answer 2

Vous pouvez y parvenir avec CSS3 et jQuery.

Découvrez mon exemple ici : http://blakek.us/css3-pie-graph-timer-with-jquery/

Answer 3

J'ai cherché et je sais qu'il existe au moins 5 façons de créer un indicateur de progression circulaire :
Elles comprennent :

1. jquery.polartimer.js
2. jQuery Knob
3. Graphique en secteurs en CSS3 avec jQuery
4. Barre de progression circulaire par jQuery et CSS3
5. ProgressBar.js

Answer 4

Je recommanderais Highcharts JS pour tous vos besoins en graphiques JavaScript

Parcourez plus de démos; je pense que vous recherchez le Graphique en Donut :)

Answer 5

J'ai modifié l'échantillon suivant pour implémenter ceci.

http://raphaeljs.com/polar-clock.html