ちょっとオシャレな円グラフ的なものを作成できるjQueryプラグイン「jQuery Knob」

ちょっとオシャレな円グラフ的なものを作成できるjQueryプラグイン「jQuery Knob」サンプル 円グラフをオシャレに描きたい時にはjQuery Knobが良いかもしれません。
見た目も機能性もあるjQueryプラグインです。

使用方法 aterrien/jQuery-Knobからファイル一式をダウンロード。
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.knob-1.1.1.js"></script>
<script>
$(function(){
$(".knob").knob();
});
</script>

あとは下記のように記述すればOKです。
<input class="knob"
data-width="250" //大きさ
data-readOnly=true //数字を変更させない
value="44" //数字
data-min="0" //最小値
data-max="100" //最大値
data-displayInput=false //数字を表示しない
data-ticks="8" //線を表示する間隔
>

ちょっとオシャレな円グラフ的なものを作成できるjQueryプラグイン「jQuery Knob」サンプル

sponsors

「ちょっとオシャレな円グラフ的なものを作成できるjQueryプラグイン「jQuery Knob」」をシェアする

記事作成:
記事URL:

TOP > > > ちょっとオシャレな円グラフ的なものを作成できるjQueryプラグイン「jQuery Knob」