グラフ・表
【Circliful】円グラフをアニメーション表示するjQueryプラグイン

Lisence

MITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome03.Opera04.Safari09.InternetExplorer10

Tag

GitHubjQueryアニメーショングラフ・表

設置方法などの参考ページ

【jQuery】Circlifulプラグインを使って簡単に素敵なパーセント表示 | unitopi - ユニトピ -

http://unitopi.com/-circliful/

こんにちは。 今日はjQueryプラグインのご紹介です。 See the Pen JoXdEy by Tsukasa Nagata (@nt-uni) on CodePen. グラフや表などの描画もプラグインで 今回ご紹介するのはCirclifulというプラグインですが、有名なチャートプラグインだとChart.js | Open source HTML5 Charts for your websiteなどがあります。 Line Chart Bar Chart Radar Chart Polar Area Chart Pie & Doughnut Chart などがお使いいただけます。 他にもGoogle ChartsやYUI Charts、jQPlotなどが有名ですね。 サクッとパーセントに特化したグラフならCircliful 冒頭のサンプルの通り、全体の中での達成率や占有率など1つの値をフォーカスするものでよい場合、Circlifulプラグインがおすすめです。 例えば、 100点満点の取得点数 営業ノルマの達成率 全体ユーザーにおける新規ユーザーの割合 ディスク容量の使用率 などでしょうか。 HowTo 使い方はいたって簡単です。 以下からまずjsやCSSファイルをDLします。 pguso/jquery-plugin-circliful そして、ヘッダーで以下3種類を読み込みます。 サンプルコード

Page Top