cssCharts.js - スタイルシートでグラフを描画 MOONGIFT
HTML5によってWebの表現力は高まっています。特にSVGやCanvasを使えば高度なグラフィックが描けます。ただし使いこなすのはそうそう簡単ではありません。そのため、まだまだスタイルシートの活躍の場はとても多いです。 そこで使ってみたいのがcssCharts.jsです。スタイルシートとJavaScriptを使って作られたグラフライブラリで、簡単に使いこなせるのが大きな利点です。 cssCharts.jsの使い方 cssCharts.jsの描けるグラフです。まずは棒グラフ。 次はドーナッツグラフ。 ドーナッツグラフの2つの値版。 さらに中央を塗りつぶしたバージョン。 次に折れ線グラフ。 塗りつぶしをなくした版。 もっとシンプルに。 そしてポイントも取り除いた版。 最後にパイチャート。 オンマウスでタイトルを表示することもできます。 例えば棒グラフの場合は次のように指定します。 <!--
nurse-colors.jp - このウェブサイトは販売用です！ - nurse colors リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
テーブルを様々なグラフに自動変換できるjQueryプラグイン「HighchartTable」:phpspot開発日誌
jQuery HighchartTable plugin テーブルを様々なグラフに自動変換できるjQueryプラグイン「HighchartTable」 通常のテーブルに指定されたルールをちょっと追加してプラグインで初期化するだけでグラフに変換してくれます。 ライブラリにJSONでグラフデータを渡してあげるようなライブラリも多くありますが、テーブルを作るだけでいいっていうのは割と楽で使いやすいですね 関連エントリ 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」 フラットデザインがクールな円グラフ描画jQueryプラグイン「Pie Chart」 線グラフを描くだけの軽量グラフ描画JS「Aristochart」
レスポンシブな円グラフが描画できる「Pizza Pie Charts」:phpspot開発日誌
Pizza Pie Charts | Playground from ZURB レスポンシブな円グラフが描画できる「Pizza Pie Charts」 次のような円グラフ、ドーナツ型の円グラフが描画可能。マウスカーソルに応じてインタラクティブに動作する他、ブラウザサイズに応じて最適なサイズにリサイズされるレスポンシブ仕様。 グラフも当然レスポンシブ対応していたほうが使いやすいですね。 関連エントリ フラットデザインがクールな円グラフ描画jQueryプラグイン「Pie Chart」 シンプルだけどカスタマイズが簡単でインタラクティブなグラフが色々描ける「Ember Charts」 クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
