Language
ログイン
言語設定
X
English
日本語 [Japanese]
オープンデータを使ってアプリを作ろう
アプリケーションの作成と公開をサポートするサイト
お問い合わせ
HOME
チュートリアル
アプリ新規作成
アプリのFork
公開アプリ一覧
アプリ作品の情報
福井県鯖江
工場出荷額ピボットテーブル
fullscreen
松本豊
ピボットテーブルJavascriptを使ってみました。 https://github.com/nicolaskruchten/pivottable
3
評価指数
いいね!
3
Loading...
このアプリ作品で使われているデータと同じ形式のデータを作成し、このアプリに適用することができます。
ひな形として使うファイルをリストから選択し、"Create Templete"をクリックして下さい。
アプリケーション
fullscreen
play
stop
reload
Play
JavaScript
CSS
HTML
概要
保存した実行結果
工場出荷額ピボットテーブル
http://code.jquery.com/jquery-1.8.3.min.js
jquery-ui-1.9.2custom.min.js
pivot.js
工場出荷額ピボットテーブル
工場出荷額ピボットテーブル
工場出荷額ピボットテーブル
工場出荷額ピボットテーブル
/* This is a Example program to retrieve and display the data. Press the Run button on the right of the screen (described the behavior of the Example program below). Please create a new application rewrite this program work. */ var all_data; function initialize(){ all_data = new Array(); // データをLinkDataから取得 tmp_a_data = new Array(); $.each(LinkData.getWorks(), function(workKey, workValue) { $.each(LinkData.getFiles(workValue), function(fileKey, fileValue) { $.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) { var tmp_data = {} //tmp_data["id"] = subjValue; $.each(LinkData.getProperties(workValue, fileValue), function(propKey, propValue) { $.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) { if(propValue == "http://www.w3.org/2000/01/rdf-schema#label"){ tmp_data["id"] = objValue; }else if(propValue == "http://linkdata.org/property/rdf1s820i#classification"){ tmp_data["Classification"] = objValue; }else if(propValue == "http://linkdata.org/property/rdf1s820i#year"){ tmp_data["Year"] = objValue; }else if(propValue == "http://linkdata.org/property/rdf1s820i#Number%20of%20establishments"){ tmp_data["NumOfEstablishments"] = objValue; }else if(propValue == "http://linkdata.org/property/rdf1s820i#Number%20of%20employees"){ tmp_data["NumOfEmployees"] = objValue; }else if(propValue == "http://linkdata.org/property/rdf1s820i#hipment%20value"){ tmp_data["HipmentValue"] = objValue; } }); }); tmp_a_data.push(tmp_data); }); }); }); //全データ all_data = tmp_a_data; var derivers = $.pivotUtilities.derivers; $("#output").pivotUI(all_data, { rows: ["Classification"], cols: ["Year"], vals:["NumOfEstablishments"], aggregatorName:"sum", effectsName: "Heatmap" }); }; window.onload = function() { $(function(){ initialize(); }); };
table.pvtTable { font-family:arial; font-size: 8pt; text-align: left; border-collapse: collapse; } table.pvtTable tr th, table.pvtTable tr th { background-color: #e6EEEE; border: 1px solid #CDCDCD; font-size: 8pt; padding: 5px; } table.pvtTable .pvtColLabel {text-align: center;} table.pvtTable .pvtTotalLabel {text-align: right;} table.pvtTable tr td { color: #3D3D3D; padding: 5px; background-color: #FFF; border: 1px solid #CDCDCD; vertical-align: top; text-align: right; } .pvtTotal, .pvtGrandTotal { font-weight: bold; } .pvtAxisContainer { border: 1px solid gray; background: #EEE; padding: 5px; min-width: 20px; min-height: 20px; } .pvtAxisContainer li { margin: 5px; padding: 5px; list-style-type: none; cursor:move; } .pvtHorizList li { display: inline; }
<div id="output" style="margin: 30px;"></div>
Initial content
http://code.jquery.com/jquery-1.8.3.min.js
jquery-ui-1.9.2custom.min.js
pivot.js
このアプリをForkして新しいアプリを作る
ダウンロード
Fork元のアプリは更新されました.
>>see
アプリは更新されました.
>>see
ツイート
このアプリ作品をwebから探す
作者
メッセージ送信
松本豊
実行回数
366
ウェブサイト
ライセンス
Fork count
0
作成日
2013年7月15日
最終更新日
2013年7月17日
"
" コミュニティへの投稿が完了しました。投稿したアプリ作品は、コミュニティ管理者によって承認されるとコミュニティに公開されます。
エントリー先のコミュニティとカテゴリ名を選択し、「エントリー」ボタンをクリックして下さい。
チュートリアル
アプリ作品の削除をする場合は削除をクリックしてください
送信者
名前
*
E-mail
*
件名
*
メッセージ
*
アクセス認証
*
送信
キャンセル
入力データ
関連アイデア
このアプリ作品で入力データとして使われているデータ作品のリストです。
チェックボックスの選択を変更すると、入力データを変更して実行することができます。
028 眼鏡・繊維・漆器の現況
作者: 鯖江市役所(めがねのまち鯖江)
更新日: 2016年1月20日
714 ダウンロード
,
2 アプリケーション
Industrial_shipments
自分のデータを入力する
このアプリを使ったアイデアはまだ公開されていません
アイデアを作成
ニュースフィード
linkdata.org に関するツイート