使用Javascript / jQuery创建简单的圆环图

Question

我知道这是关于堆栈溢出的不好做法，在没有尝试代码的情况下自问一个问题，但我是一个javascript新手，不知道从哪里开始，但我所寻找的只是一个超级简单的圆环图，看起来像这样：

仅显示1个扇区（百分比为100）。

我搜索了堆栈溢出并遇到了一个圆环图的问题，但给出的解决方案非常复杂（多个扇区和能够通过按钮动态更改图表）：

http://jsfiddle.net/philippkuehn/jDLux/

<div class="wrapper">
<div class="donutchart">
    <div class="graph"></div>
    <div class="graph-center"></div>
</div>
<div class="buttons">
    <a class="button button-active" href="#" data-id="0">1</a>
    <a class="button" href="#" data-id="1">2</a>
    <a class="button" href="#" data-id="2">3</a>
</div>

抱歉，我找不到我发现这个答案的问题，但这个小提琴不是我的工作要清楚。

任何人都能给我一个非常简单的解决方案来解决这个问题，无论是小提琴还是教程（尽管我发现的所有都是非常复杂的圆环图或饼图，我只需要一个非常简单的实现）。 / p>

再次抱歉，我没有尝试过这个代码，但就像我说我是javascripting的新手一样。

感谢您的帮助

乔恩

Answer 1

尝试使用CSS中的饼图并使用Javascript调整内容。 这里有一些很酷： http://speckyboy.com/2010/11/04/10-awesome-pure-css-graph-and-chart-techniques/