javascript - jQueryでChartbeat.comのような循環チャートを作成するにはどうすればよいですか？

Question

分析ダッシュボードの作成を計画しており、この質問に添付されている画像のような円形のグラフを実装したいと思います。

jQueryを使ってやりたいと思います。リソースや他のSOの質問への役立つリンクはありますか？素晴らしいでしょう！

ありがとう！

Answer 1

あなたはまた見ることができます：

http://bernii.github.com/gauge.js/

http://www.justgage.com/

どちらも見た目がとても良く、とても使いやすいようです。

Answer 2

最も簡単な方法は、必要な外観を模倣するSVGを作成してから、JavaScript/jQueryを使用してSVGのソースを変更することです。要求しているデザインは、2つの円弧を重ねるだけで実現できる可能性があります。

アークの計算に関するこの優れた答えから派生して、2つの重なり合うアークを作成すると、次のようになります。これは、アークを動的に更新することも示しています。

Answer 3

lethargicpandaの提案はかっこいいです。jQueryノブもチェックしてください。また、ユーザー入力も可能です。