[JS]インラインにもグラフが設置ができるスクリプト -jQuery Sparklines
Post on:2008年7月17日
sponsors
jQuery Sparklinesは、インライン要素として棒グラフや折れ線グラフを設置できるスクリプトです。
デモでは、リアルタイムにデータの数値やグラフのサイズやカラーなどを変更することができます。
jQuery Sparklines：デモ
グラフをインライン要素として配置する場合は、下記のように記述します。
|
1 2 3 |
<textarea name="code" class="html" cols="60" rows="5"> <span class="line">10,8,9,3,5,8,5</span> </textarea> |
オプションでは、グラフのタイプ・サイズ・カラー、スポットのカラー・サイズ、バーのサイズ・スペース・カラーなどを設定することができます。
jQuery SparklinesはBSDライセンスとなっており、対応ブラウザはIE6, 7, Fx2+, Op9, Safari3+となっています。
また、動作には、jQueryのプラグインのためjquery.jsが必要です。
sponsors
