Language
ログイン
言語設定
X
English
日本語 [Japanese]
オープンデータを使ってアプリを作ろう
アプリケーションの作成と公開をサポートするサイト
お問い合わせ
HOME
チュートリアル
アプリ新規作成
アプリのFork
公開アプリ一覧
アプリ作品の情報
農業
宮城県石巻市
農業センサス
農業センサス_一覧
fullscreen
石巻市, ICT総合推進課
0
評価指数
いいね!
0
Loading...
このアプリ作品で使われているデータと同じ形式のデータを作成し、このアプリに適用することができます。
ひな形として使うファイルをリストから選択し、"Create Templete"をクリックして下さい。
アプリケーション
fullscreen
play
stop
reload
Play
JavaScript
CSS
HTML
概要
保存した実行結果
農業センサス_一覧
jquery-1.11.2.min.js
農業センサス_一覧
農業センサス_一覧
農業センサス_一覧
農業センサス_一覧
window.onload = function() { var keyword = getParameterFromURL("subject"); // obtain keyword from the URL "?subject=" var list = ""; // list to be displayed //alert("グラフの作成開始"); var param = [ [0,0], [0,0], [0,0], [0,0], [0,0], [0,0], [0,0], [0,0] ]; // Work loop $.each(LinkData.getWorks(), function(workKey, workValue) { // File loop $.each(LinkData.getFiles(workValue), function(fileKey, fileValue) { //alert(nen); //alert(fileKey); //alert(fileValue); var c_cnt = 0; // Subject loop $.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) { $.each( LinkData.getTriplesBySubject(workValue, fileValue, subjValue), function( tripleKey, tripleValue ) { if(fileValue==="Agriculture_and_forestry_Census"){ var prop = tripleValue.property; //alert(prop); var Nam = getLastName(prop); //alert(Nam); var obj = tripleValue.object; //alert(obj); var lab = tripleValue.label; //alert(lab); if(Nam==="項目"){ param[c_cnt][0] = obj; } if(Nam==="URL"){ param[c_cnt][1] = "<a href=\"" + obj + "\" target=\"_blank\"><span class=\"object\">" + shortenURL(obj) + "</span></a>"; c_cnt++; } } }); }); }); }); drawtable(param); window.find(highlight); }; // Get a parameter value in URL (e.g. ?paramString=value ) function getParameterFromURL( paramString ) { var i; var r; var value = ""; var topWindow = top.window.location.search; var q = decodeURIComponent(topWindow.substring(1,topWindow.length)).split("&"); if( topWindow ){ for ( i = 0; i < q.length; i++ ){ r = q[i].split("="); if ( r[0] === paramString ){ value = r[1]; } } } return value; } // Highlight keyword in the string function highlight( string, keyword ) { if ( keyword.length > 0 ) { var ss = string.split(keyword); var len = ss.length; if ( len > 1 ) { string = ss[0]; for ( i = 1; i < len; i++ ){ // string += "<font color=\"red\">"+keyword+"</font>"+ss[i]; string += "<span class=\"highlight\">"+keyword+"</span>"+ss[i]; } } } return string; } // get the last name of the string separated with # and / function getLastName( string ) { string = decodeURIComponent(string); var sharp = string.split("#"); var slash = sharp[sharp.length-1].split("/"); var lastName = slash[slash.length-1]; return lastName; } // return a link to Google map search function addLinkToMap( latitude, longitude ) { var s = "<br><a target=\"_blank\" href=\"http://www.google.com/maps/?q=" + latitude + "," + longitude + "\">Show map</a>"; return s; } // shortening URL e.g. http://.../123.jpg function shortenURL( url ) { url = decodeURIComponent(url); var slash = url.split("/"); var lastName = slash[slash.length-1]; return url.split(":")[0]+"://.../"+lastName; } function drawtable(param) { //alert("param_begin"); var a0 = param[0][0]; var a1 = param[1][0]; var a2 = param[2][0]; var a3 = param[3][0]; var a4 = param[4][0]; var a5 = param[5][0]; var a6 = param[6][0]; var a7 = param[7][0]; var b0 = param[0][1]; var b1 = param[1][1]; var b2 = param[2][1]; var b3 = param[3][1]; var b4 = param[4][1]; var b5 = param[5][1]; var b6 = param[6][1]; var b7 = param[7][1]; //alert("google mae"); var data = new google.visualization.DataTable(); //alert("google chu"); data.addColumn('string', '項目'); data.addColumn('string', 'url'); data.addRows([ [a0,b0], [a1,b1], [a2,b2], [a3,b3], [a4,b4], [a5,b5], [a6,b6], [a7,b7] ]); //alert("draw_mae"); var table = new google.visualization.Table(document.getElementById('table_div')); table.draw(data, {allowHtml: true, showRowNumber: true, width: '80%', height: '80%'}); }
span.highlight {color: red;} span.propertyName {color: gray;} span.subject { color: blue; } span.object{ color: black; } body { background: white; } a, a span { text-decoration: underline; } a:hover, a span:hover { text-decoration: none; }
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['table']}); google.charts.setOnLoadCallback(drawTable); </script> <body> <H5>農業センサス 項目一覧</H5> <div id="table_div" style="width: 1000px; height: 600px"></div> </body>
jquery-1.11.2.min.js
このアプリをForkして新しいアプリを作る
ダウンロード
Fork元のアプリは更新されました.
>>see
アプリは更新されました.
>>see
ツイート
このアプリ作品をwebから探す
作者
メッセージ送信
石巻市, ICT総合推進課
Fork元のアプリ
石巻市, ICT総合推進課
's
国勢調査_一覧
実行回数
251
ウェブサイト
ライセンス
Fork count
0
作成日
2016年6月13日
最終更新日
2018年12月14日
Fork元のアプリ
国勢調査_一覧
作者: 石巻市, ICT総合推進課
更新日: 2018年12月14日
352 回実行
"
" コミュニティへの投稿が完了しました。投稿したアプリ作品は、コミュニティ管理者によって承認されるとコミュニティに公開されます。
エントリー先のコミュニティとカテゴリ名を選択し、「エントリー」ボタンをクリックして下さい。
チュートリアル
アプリ作品の削除をする場合は削除をクリックしてください
送信者
名前
*
E-mail
*
件名
*
メッセージ
*
アクセス認証
*
送信
キャンセル
入力データ
関連アイデア
このアプリ作品で入力データとして使われているデータ作品のリストです。
チェックボックスの選択を変更すると、入力データを変更して実行することができます。
宮城県石巻市 統計表 目次
作者: 石巻市, ICT総合推進課
更新日: 2018年12月11日
1413 ダウンロード
,
4 アプリケーション
Agriculture_and_forestry_Census
DLjun_DataSet_Ishinomakishi
OpenData_Ohter_site
all_opendata_list_ishinomakishi
kokusei_ichiran
opendata_list_ishinomakishi
toukeihyou_mokuji
自分のデータを入力する
このアプリを使ったアイデアはまだ公開されていません
アイデアを作成
ニュースフィード
linkdata.org に関するツイート