Language
ログイン
言語設定
X
English
日本語 [Japanese]
アプリの説明へ
石巻市 転出転入（県内）
いいね！
1
Loading...
window.onload = function() { //alert("qqq"); var canvas = document.querySelector('canvas'); var context = canvas.getContext('2d'); var tokei_tbl = [ ["仙台",21], ["塩釜",12], ["気仙沼",1], ["本吉",1], ["白石",32], ["名取",22], ["角田",31], ["多賀城",14], ["岩沼",23], ["登米",5], ["栗原",2], ["東松島",8], ["大崎",9], ["蔵王",25], ["七ヶ宿",33], ["大河原",28], ["村田",26], ["柴田",27], ["川崎",24], ["丸森",34], ["亘理",29], ["山元",30], ["松島",10], ["七ヶ浜",13], ["利府",11], ["大和",20], ["大郷",18], ["富谷",19], ["大衡村",17], ["色麻",16], ["加美",15], ["涌谷",6], ["美里",7], ["女川",4], ["南三陸",3] ]; var si_tbl = [ ["石巻市",14,0], ["気仙沼市",6,0], ["栗原市",10,0], ["南三陸町",8,0], ["女川町",4,0], ["登米市",4,0], ["涌谷町",6,0], ["美里町",8,0], ["東松島市",4,0], ["大崎市",22,0], ["松島町",6,0], ["利府町",6,0], ["塩釜市",4,0], ["七ヶ浜町",4,0], ["多賀城市",4,0], ["加美町",12,0], ["色麻町",6,0], ["大衡村",4,0], ["大郷町",4,0], ["富谷町",4,0], ["大和町",8,0], ["仙台市",28,0], ["名取市",4,0], ["岩沼市",6,0], ["川崎町",6,0], ["蔵王町",6,0], ["村田町",4,0], ["柴田町",4,0], ["大河原町",6,0], ["亘理町",4,0], ["山元町",4,0], ["角田市",8,0], ["白石市",10,0], ["七ヶ宿町",4,0], ["丸森町",4,0] ]; var pos_tbl = [ [[280,180],[280,220],[290,220],[290,260],[310,260],[310,280],[320,280],[320,320],[340,320],[340,260],[320,260],[320,220],[340,220],[340,180]], //石巻市 [[320,40],[320,120],[340,120],[340,80],[350,80],[350,40]], //気仙沼市 [[220,40],[220,60],[230,60],[230,80],[250,80],[250,120],[290,120],[290,60],[280,60],[280,40]], //栗原市 [[320,120],[320,180],[340,180],[340,160],[330,160],[330,140],[340,140],[340,120]], //南三陸町 [[320,220],[320,260],[340,260],[340,220]], //女川町 [[290,100],[290,180],[320,180],[320,100]], //登米市 [[270,140],[270,160],[280,160],[280,180],[290,180],[290,140]], //涌谷町 [[250,140],[250,180],[260,180],[260,220],[280,220],[280,160],[270,160],[270,140]], //美里町 [[260,220],[260,260],[290,260],[290,220]], //東松島市 [[160,40],[160,80],[190,80],[190,100],[200,100],[200,140],[210,140],[210,200],[240,200],[240,220],[260,220],[260,180],[250,180],[250,140],[290,140],[290,120],[250,120],[250,80],[230,80],[230,60],[220,60],[220,40]], //大崎市 [[240,220],[240,280],[250,280],[250,260],[260,260],[260,220]], //松島町 [[210,260],[210,300],[230,300],[230,280],[240,280],[240,260]], //利府町 [[230,280],[230,300],[240,300],[240,280]], //塩釜市 [[240,300],[240,320],[250,320],[250,300]], //七ヶ浜町 [[220,300],[220,320],[240,320],[240,300]], //多賀城市 [[150,80],[150,120],[160,120],[160,140],[170,140],[170,160],[210,160],[210,140],[200,140],[200,100],[190,100],[190,80]], //加美町 [[170,160],[170,200],[190,200],[190,180],[210,180],[210,160]], //色麻町 [[190,180],[190,200],[210,200],[210,180]], //大衡村 [[220,200],[220,260],[240,260],[240,200]], //大郷町 [[200,220],[200,260],[210,260],[210,220]], //富谷町 [[170,200],[170,240],[200,240],[200,220],[210,220],[210,260],[220,260],[220,200]], //大和町 [[170,160],[160,160],[160,180],[150,180],[150,200],[140,200],[140,240],[130,240],[130,320],[150,320],[150,340],[160,340],[160,360],[180,360],[180,380],[210,380],[210,360],[220,360],[220,340],[230,340],[230,320],[220,320],[220,300],[210,300],[210,260],[200,260],[200,240],[170,240]], //仙台市 [[180,380],[180,420],[210,420],[210,380]], //名取市 [[180,420],[180,440],[190,440],[190,460],[210,460],[210,420]], //岩沼市 [[120,320],[120,380],[160,380],[160,340],[150,340],[150,320]], //川崎町 [[120,380],[120,460],[150,460],[150,440],[160,440],[160,380]], //蔵王町 [[160,360],[160,440],[180,440],[180,360]], //村田町 [[170,440],[170,480],[190,480],[190,440]], //柴田町 [[150,440],[150,460],[160,460],[160,480],[170,480],[170,440]], //大河原町 [[190,460],[190,520],[210,520],[210,460]], //亘理町 [[190,520],[190,580],[210,580],[210,520]], //山元町 [[170,480],[170,520],[160,520],[160,540],[150,540],[150,560],[190,560],[190,480]], //角田市 [[120,460],[120,580],[150,580],[150,540],[160,540],[160,520],[170,520],[170,480],[160,480],[160,460]], //白石市 [[90,400],[90,540],[120,540],[120,400]], //七ヶ宿町 [[150,560],[150,620],[190,620],[190,560]] //丸森町 ]; var index; var index_i; var ii; var jj; var zz; var keyword = getParameterFromURL("subject"); // obtain keyword from the URL "?subject=" //alert(keyword); $.each(LinkData.getWorks(), function(workKey, workValue) { // File loop $.each(LinkData.getFiles(workValue), function(fileKey, fileValue) { //alert(fileValue); $.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) { //alert(subjValue); $.each( LinkData.getTriplesBySubject(workValue, fileValue, subjValue), function( tripleKey, tripleValue ) { 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 === "市町村名-2"){ index = 0; for ( index_i = 0; index_i < 35; index_i++) { if ( obj === tokei_tbl[index_i][0] ) { index = tokei_tbl[index_i][1]; break; } } } if(Nam === "差引"){ if ( index != 0) { var a = si_tbl[index][2] + Number(obj); si_tbl[index][2] = a; //alert(si_tbl); } } }); }); }); }); //alert(si_tbl); for ( i = 0; i < 35; i++){ context.beginPath(); zz = si_tbl[i][1]; context.moveTo(pos_tbl[i][0][0],pos_tbl[i][0][1]); for ( ii = 1; ii < zz; ii++ ){ context.lineTo(pos_tbl[i][ii][0],pos_tbl[i][ii][1]); } context.closePath(); //moveTo()で指定した始点に向けて線を引き、領域を閉じます。 context.strokeStyle = 'rgb(0, 0, 255)'; context.stroke(); //stroke()では輪郭線を描き、fill()にすると中を塗りつぶします。 if (si_tbl[i][2] < -100) { context.fillStyle = 'rgba(250, 0, 0, 0.7)'; //塗りつぶし色 context.fill(); context.fillStyle = 'rgb(0, 0, 0)'; context.font = "10px 'ＭＳ ゴシック'"; context.fillText(si_tbl[i][0], pos_tbl[i][0][0],pos_tbl[i][0][1] + 10); } else if(si_tbl[i][2] < -9) { context.fillStyle = 'rgba(235, 121, 136, 0.7)'; //塗りつぶし色 context.fill(); context.fillStyle = 'rgb(0, 0, 0)'; context.font = "10px 'ＭＳ ゴシック'"; context.fillText(si_tbl[i][0], pos_tbl[i][0][0],pos_tbl[i][0][1] + 10); } else if(si_tbl[i][2] < 0) { context.fillStyle = 'rgba(239, 193, 196, 0.7)'; //塗りつぶし色 context.fill(); context.fillStyle = 'rgb(0, 0, 0)'; context.font = "10px 'ＭＳ ゴシック'"; context.fillText(si_tbl[i][0], pos_tbl[i][0][0],pos_tbl[i][0][1] + 10); } } context.fillStyle = 'rgb(0, 0, 0)'; context.font = "18px 'ＭＳ ゴシック'"; context.fillText("石巻市 転出転入（県内） 平成２８年中", 10,20); context.strokeStyle = 'rgb(0, 0, 255)'; context.strokeRect(10,30,50,25); //stroke()では輪郭線を描き、fill()にすると中を塗りつぶします。 context.strokeStyle = 'rgb(0, 0, 255)'; context.strokeRect(10,70,50,25); //stroke()では輪郭線を描き、fill()にすると中を塗りつぶします。 context.fillStyle = 'rgba(250, 0, 0, 0.7)'; //塗りつぶし色 context.fillRect(10,70,50,25); context.strokeStyle = 'rgb(0, 0, 255)'; context.strokeRect(10,110,50,25); //stroke()では輪郭線を描き、fill()にすると中を塗りつぶします。 context.fillStyle = 'rgba(235, 121, 136, 0.7)'; //塗りつぶし色 context.fillRect(10,110,50,25); context.strokeStyle = 'rgb(0, 0, 255)'; context.strokeRect(10,150,50,25); //stroke()では輪郭線を描き、fill()にすると中を塗りつぶします。 context.fillStyle = 'rgba(239, 193, 196, 0.7)'; //塗りつぶし色 context.fillRect(10,150,50,25); context.fillStyle = 'rgb(0, 0, 0)'; context.font = "10px 'ＭＳ ゴシック'"; context.fillText("転入＞＝転出", 65,40); context.fillText("転出＞転入", 65,80); context.fillText("(100人超)", 65,92); context.fillText("転出＞転入", 65,120); context.fillText("(10人～99人)", 65,132); context.fillText("転出＞転入", 65,160); context.fillText("(9人以下)", 65,172); } // Get a parameter value in URL (e.g. ?paramString=value ) function getParameterFromURL( paramString ) { var value = ""; var topWindow = top.window.location.search; if( topWindow ){ var q = decodeURIComponent(topWindow.substring(1,topWindow.length)).split("&"); for ( var i = 0; i < q.length; i++ ){ var r = q[i].split("="); if ( r[0] == paramString ) value = r[1]; } } return value; } // 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; }
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"> </script> <body> <canvas width="1200" height="1000"></canvas> </body>
実行画面
入力データ
概要
保存した実行結果
データ作品
テーブルデータ
宮城県石巻市 転入転出状況
作者:石巻市, ＩＣＴ総合推進課
更新日:2019年12月26日
399 ダウンロード, 2 アプリケーション
転入転出状況 （１）県内 単位：人 資料：石巻市市民課 ファイル名：tenshutunyuu_kennai 各市町村の年中の数値の定義は以下の通り [当該市町村から石巻市へ転入];[石巻市から当該市町村へ転出];[差引] （2）県外 単位：人 資料：石巻市市民課 ファイル名：tenshutunyuu_kengai 各都道府県の年中の数値の定義は以下の通り [当該都道府県から石巻市へ転入];[石巻市から当該都道府県へ転出];[差引]
tenshutunyuu_kengai
[
]
tenshutunyuu_kennai
[
]
データ作品を追加する
Link http://app.linkdata.org/run/app1s1338i?tab=readme
<p></p>
jquery-1.11.2.min.js
Work
追加
クリア
insert work id or work name.
