0

我知道这是堆栈溢出的不好做法,在我自己没有任何尝试代码的情况下提出问题,但我是一个 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>

抱歉,我找不到我找到这个答案的问题,但我的工作不是很清楚。

谁能给我一个非常简单的解决方案,无论是小提琴还是教程(尽管我发现的所有解决方案都是针对非常复杂的圆环图或饼图,但我只需要一个非常简单的实现)。

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

谢谢你的帮助

乔恩

4

1 回答 1

0

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

于 2013-02-25T13:25:08.507 回答