jQuery Dynatable - Web上のデータ表示はお任せ！ MOONGIFT
HTMLのテーブル表示は色々な場面で使われます。ですが単に表示するだけで満足するケースは少なく、テーブル内のデータをもっとインタラクティブに変更したいと言う要望は多々聞きます。 そこで使ってみたいのが今回紹介するjQuery Dynatableです。そもそもHTMLのテーブルを描画するのではなく、JSONデータを使って動的にレンダリングします。その結果、面白いデータ操作が色々と実現できています。 早速見ていきましょう。 デモです。表示件数、ページネーション、フィルタリングといった機能が実装されています。 表示件数を変えれば動的に内容が変更されます。 フィルタリングもインタラクティブに行われます。 JSONからだけでなく、動的にテーブルを生成できます。例えば以下のコードはリストから読み取ってテーブルを生成します。 <ul id="my-list"> <li> <span class="nam
全国社会保険労務士会連合会の「ビジネスと人権」ファシリテーター養成研修を受講して修了
グラフというのは、データを可視化するだけではなく、概念を可視化するのにもとても便利です。そこで、グラフを簡単に描くべく、JqueryプラグインHighchartsを導入しました。Jqueryの知識が無くても様々なグラフが描けるのでオススメです。 ダウンロード まずは、http://www.highcharts.com/に行って、少しだけ下スクロールして、「Highcharts」の「Download」をクリック。 これでダウンロードは完了。 展開 ダウンロードフォルダーに行って、Highcharts-3.0.1を右クリックし、「すべて展開(T)…」を選びます。 「完了時に添加されたファイルを表示する(H)」のチェックを外して「展開(E)」をクリック。 これで展開完了しました。 highcharts.jsをサーバーにアップロード zipファイルではないほうのHighcharts-3.0.1フォ
jQueryプラグインHighcharts.jsで円グラフを描いてみました。 – HCDコンサルティング（旧・中川勉社会保険労務士事務所FPウェブシュフ）のブログ
先日導入したHighcharts.jsを使って円グラフを描いてみました。javascriptやjQueryの知識がなくても十分なグラフが描ける感じがします。 準備 まずは、下記投稿を参照して、Highcharts.jsを使うための準備をしてください。 [img-link url=”https://webshufu.com/highcharts-js/” title=”色んなグラフを綺麗に描けるプラグインHighcharts.js｜Web Shufu”] グラフを表示したい場所のhtmlコード グラフを表示したい場所に以下のコードを書いてください。 WordPressの場合は記事本文のいずれかの場所に書くことになります。 <div id="container"></div> idは自由に決めていいのですが、今回はcontainerにしています。 グラフを描くためのJquery Highcha
湯葉でも分かるHighcharts — 湯葉でも分かるHighcharts 0.1 documentation
このドキュメントについて¶ この文書は @yubais が、ホワイトデーにお返しする相手がいなくて暇だったから書いたものです。 内容に関する責任は負いかねます。 ここに書いている内容は、以下の環境で動作をなんとなくチェックしています。 Highcharts 2.3.3, jQuery 1.8.2 Google Chrome 25.0, Firefox 19.0, Safari 6.0, Opera 12.14, Internet Explorer 10 (およびその互換モード) Windows 8, OS X 10.8 Mountain Lion, Ubuntu 12.04, Android 4.2
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://sanride.com/blog/webdesign/google-chart-api.php