我在哪里可以在 jQuery 中制作像 Chartbeat.com 这样的圆形图表？

Question

我正计划制作一个分析仪表板，并希望实现类似于此问题所附图片的圆形图表：

我想用 jQuery 来做。你们有任何有用的资源链接或其他 SO 问题吗？会很棒！

谢谢！

Answer 1

你也可以看看：

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

http://www.justgage.com/

它们看起来都非常好，而且看起来很容易使用。

Answer 2

最简单的方法可能是创建一个模仿您想要的外观的 SVG，然后使用 JavaScript/jQuery 修改 SVG 的源代码。只需将两条弧线相互叠放即可实现您要求的设计。

从this excellent answer 推导计算弧，创建两个重叠的可能看起来像something like this，这也演示了动态更新弧。

Answer 3

lethargicpanda 的建议很酷。也请查看jQuery Knob。它还允许用户输入。