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>

申し訳ありませんが、この回答を見つけた質問を見つけることができませんが、そのフィドルは明確にするための私の仕事ではありません。

フィドルまたはチュートリアルのいずれかで、この質問に対する非常に簡単な解決策を教えてください(私が見つけたものはすべて非常に複雑なドーナツチャートまたは円グラフ用ですが、非常に単純な実装が必要です)。

繰り返しますが、このコードを自分で試したことはありませんが、私が言うように、私は JavaScript の初心者です。

助けてくれてありがとう

ジョン

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 に答える