{"id":393,"date":"2018-12-14T00:12:02","date_gmt":"2018-12-13T15:12:02","guid":{"rendered":"https:\/\/www.bunkyo.ac.jp\/faculty\/souken\/?page_id=393"},"modified":"2024-09-13T14:47:50","modified_gmt":"2024-09-13T05:47:50","slug":"population","status":"publish","type":"page","link":"https:\/\/www.bunkyo.ac.jp\/faculty\/souken\/population","title":{"rendered":"\u8305\u30f6\u5d0e\u5e02\u4eba\u53e3\u30c7\u30fc\u30bf"},"content":{"rendered":"<p><script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"><\/script><br \/>\n<script src=\"https:\/\/www.gstatic.com\/charts\/loader.js\"><\/script><\/p>\n<div>\n<script type=\"text\/javascript\">\n$(function(){\n  function getMonth() {\n    var month_all = []\n    var url = \"https:\/\/www.fg-opendata.com\/api\/chigasaki\/v0\/population\/month\/list\";\n    var jqxhr = $.ajax({ \/\/ json\u8aad\u307f\u8fbc\u307f\u958b\u59cb\n      type: 'GET',\n      url: url,\n      dataType: 'json',\n    })\n    .done(function(json, stat, jqx) { \/\/ json\u306e\u8aad\u307f\u8fbc\u307f\u306b\u6210\u529f\u3057\u305f\u6642\n      console.log(\"getMonth:json\u306e\u8aad\u307f\u8fbc\u307f\u306f\u6210\u529f:\",stat);\n      if(json.ResultSet.message.length < 1) {\n        console.log(\"getMonth:json\u306b\u30c7\u30fc\u30bf\u304c\u3042\u308a\u307e\u305b\u3093\u3002\");\n        return;\n      }\n      console.log(\"getMonth:json.ResultSet.message.length=\",json.ResultSet.message.length);\n      for(var i=0; i<json.ResultSet.message.length; i++) {\n        month_all.push(json.ResultSet.message[i])\n      }\n      for(var i=0; i<month_all.length; i++) {\n        $('#month').append('<option value=\"' + month_all[i] + '\">' + month_all[i] + '<\/option>');\n      }\n      $(\"#d1\").text(\"\u6e96\u5099\u304c\u51fa\u6765\u307e\u3057\u305f\u3002\");\n    })\n    .fail(function() { \/\/json\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u305f\u6642\n      console.log(\"getMonth:json\u306e\u8aad\u307f\u8fbc\u307f\u5931\u6557:\");\n      return;\n    });\n  }\n  function getDistrict() {\n    var district_all = []\n    var url = \"https:\/\/www.fg-opendata.com\/api\/chigasaki\/v0\/population\/district\/list\";\n    var jqxhr = $.ajax({ \/\/ json\u8aad\u307f\u8fbc\u307f\u958b\u59cb\n      type: 'GET',\n      url: url,\n      dataType: 'json',\n    })\n    .done(function(json, stat, jqx) { \/\/ json\u306e\u8aad\u307f\u8fbc\u307f\u306b\u6210\u529f\u3057\u305f\u6642\n      console.log(\"getDistrict:json\u306e\u8aad\u307f\u8fbc\u307f\u306f\u6210\u529f:\",stat);\n      if(json.ResultSet.message.length < 1) {\n        console.log(\"getDistrict:json\u306b\u30c7\u30fc\u30bf\u304c\u3042\u308a\u307e\u305b\u3093\u3002\");\n        return;\n      }\n      console.log(\"getDistrict:json.ResultSet.message.length=\",json.ResultSet.message.length);\n      for(var i=0; i<json.ResultSet.message.length; i++) {\n        district_all.push(json.ResultSet.message[i])\n      }\n      for(var i=0; i<district_all.length; i++) {\n        $('#district').append('<option value=\"' + district_all[i] + '\">' + district_all[i] + '<\/option>');\n      }\n      $(\"#d1\").text(\"\u6e96\u5099\u304c\u51fa\u6765\u307e\u3057\u305f\u3002\");\n    })\n    .fail(function() { \/\/json\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u305f\u6642\n      console.log(\"getDistrict:json\u306e\u8aad\u307f\u8fbc\u307f\u5931\u6557:\");\n      return;\n    });\n  }\n  $(\"#d1\").text(\"\u30c7\u30fc\u30bf\u306e\u6e96\u5099\u3092\u3057\u3066\u3044\u307e\u3059\u3002\");\n  getMonth();\n  getDistrict();\n  $('#btn1').click(function() {\n    var hizuke = \"\"\n    var district = \"\"\n    var gender = \"\"\n    var pops = []\n    var ages = []\n    var barcolor = \"\"\n    var month_sel = $('#month').val()\n    var gender_sel = $('#gender').val()\n    var district_sel = $('#district').val()\n    console.log(\"month_sel=\", month_sel);\n    console.log(\"gender_sel=\", gender_sel);\n    console.log(\"district_sel=\", district_sel);\n    var url = \"https:\/\/www.fg-opendata.com\/api\/chigasaki\/v0\/population\/\" + month_sel;\n    var gender_opt = gender_sel;\n    var district_opt = district_sel;\n    if(gender_sel == \"all\") { gender_opt = null; }\n    if(district_sel == \"all\") { district_opt = null; }\n    var jqxhr = $.ajax({ \/\/ json\u8aad\u307f\u8fbc\u307f\u958b\u59cb\n      type: 'GET',\n      url: url,\n      dataType: 'json',\n      data: {\n        gender: gender_opt,\n        district: district_opt,\n      },\n    })\n    .done(function(json, stat, jqx) { \/\/ json\u306e\u8aad\u307f\u8fbc\u307f\u306b\u6210\u529f\u3057\u305f\u6642\n      console.log(\"\u6210\u529f:\",stat);\n      console.log(\"json.ResultSet.message.length=\", json.ResultSet.message.length);\n\/\/      console.log(\"json=\", json);\n\/\/      console.log(jqx);\n\/\/      console.log(\"json.length=\", json.length);\n\/\/      console.log(\"json.ResultSet.length=\", json.ResultSet.length);\n\/\/ json\u306e\u8aad\u307f\u8fbc\u307f\u81ea\u4f53\u304c\u6210\u529f\u3067\u3082\u3001\u30c7\u30fc\u30bf\u304c\u306a\u3044\u5834\u5408\u3082\u3042\u308b\u3002\n\/\/ \u305d\u306e\u5224\u65ad\u306f\u3001json.ResultSet.message.length\u304c\u30010\u4ef6\u304b1\u4ef6\u4ee5\u4e0a\u304b\u3001\u3067\u5224\u65ad\u3059\u308b\u3002\n      if(json.ResultSet.message.length < 1) {\n        $(\"#d1\").text(\"\u30c7\u30fc\u30bf\u304c\u3042\u308a\u307e\u305b\u3093\u3002\");\n        $(\"#chart1_title\").text(\"\");\n        $(\"#chart1_div\").text(\"\");\n        return;\n      }\n\/\/\u8868\u793a\uff1a\u65e5\u4ed8\n      hizuke = month_sel\n      if(month_sel.length == 6) { hizuke = month_sel.slice(0, 4) + \"\u5e74\" + month_sel.slice(4,6) + \"\u6708\"; }\n\/\/\u8868\u793a\uff1a\u6027\u5225\n      switch(gender_sel) {\n        case \"all\":     gender=\"\u3059\u3079\u3066\"; barcolor = \"gray\"; break;\n        case \"female\":  gender=\"\u5973\u6027\";   barcolor = \"red\"; break;\n        case \"male\":    gender=\"\u7537\u6027\";   barcolor = \"blue\"; break;\n        case \"unknown\": gender=\"\u4e0d\u660e\";   barcolor = \"green\"; break;\n        default: console.log(\"gender_sel=\", gender_sel);\n                        gender=\"\u4e0d\u660e\";   barcolor = \"gray\"; break;\n      }\n\/\/\u8868\u793a\uff1a\u30a8\u30ea\u30a2\n      district = district_sel\n      if(district_sel == \"all\") { district = \"\u8305\u30f6\u5d0e\u5e02\u5168\u4f53\"; }\n\/\/\u4eba\u6570\u306e\u5408\u8a08\n      ages = new Array(108);\n      ages[100] = 0\n      for (var i=0; i<json.ResultSet.message.length; i++) {\n        var pops = json.ResultSet.message[i].populations\n        for(var n=0; n<pops.length; n++) {\n          if(n < 100) {\n            ages[n] = (ages[n] | 0) + (pops[n] | 0);\n          } else {\n            ages[100] = (ages[100] | 0) + (pops[n] | 0);\n          }\n        }\n      }\n      $(\"#d1\").text(\"\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f\u3002\");\n      console.log('json\u306e\u8aad\u307f\u8fbc\u307f\u6210\u529f');\n      google.charts.load('current',\n        { 'packages': [ 'corechart'],\n          'language': 'ja',\n          'callback': drawOnePopulationBar\n        });\n    })\n    .fail(function() { \/\/json\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u305f\u6642\n      console.log('json\u306e\u8aad\u307f\u8fbc\u307f\u5931\u6557');\n      $(\"#d1\").text(\"json\u306e\u8aad\u307f\u8fbc\u307f\u5931\u6557\");\n      return;\n    });\n    $(\"#d1\").text(\"\u5c11\u3057\u304a\u5f85\u3061\u304f\u3060\u3055\u3044\u3002\");\n    function drawOnePopulationBar() {\n      var data_array = [];\n      data_array[0] = [\"Age\", \"\u4eba\u6570\", { role: \"style\" }];\n      data_array.push([\"100+\", ages[100], barcolor]);\n      for(var i=(100-1); i>=0; i--) {\n        var age_title = \"\"\n        if((i % 10) == 0) { age_title = i.toString(10) + \" \"; }\n\/\/        age_title = \"Age:\" + i.toString(10);\n        data_array.push([age_title, ages[i], barcolor]);\n      }\n      var data = google.visualization.arrayToDataTable(data_array);\n      var options = {\n        colors: [ barcolor ],\n\/\/        title: \"\u8305\u30f6\u5d0e\u5e02\u306e\u4eba\u53e3:\" + hizuke,\n        chartArea: {width: '50%'},\n        hAxis: {\n          title: '\u4eba\u6570',\n          minValue: 0,\n        },\n        vAxis: {\n        title: '\u5e74\u4ee4'\n        },\n        width:  400,\n        height: 392\n      };\n      $(\"#chart1_title\").text(\"\u8305\u30f6\u5d0e\u5e02\u306e\u4eba\u53e3:\" + hizuke + \":\" + district + \":\" + gender);\n      var chart = new google.visualization.BarChart(document.getElementById('chart1_div'));\n      chart.draw(data, options);\n    }\n  })\n});\n<\/script>\n<\/div>\n<p>\u3053\u306e\u30da\u30fc\u30b8\u306f\u3001\u60c5\u5831\u5b66\u90e8 \u5ca1\u91ce\u96c5\u96c4\u6559\u6388\u3068\u30d5\u30ea\u30fc\u30b0\u30fc\u30d5\u30a9\u5408\u540c\u4f1a\u793e \u5927\u8cab\u5fb9\u4e5f\u3001\u30d0\u30d9\u30c3\u30b8\u30e9\u30dc \u4e95\u4e0a\u5e78\u6b21\u304c2017\u5e74\u5ea6\u306b\u5b9f\u65bd\u3057\u305f\u300c\u8305\u30f6\u5d0e\u5e02\u30aa\u30fc\u30d7\u30f3\u30c7\u30fc\u30bf\u6d3b\u7528\u306b\u95a2\u3059\u308b\u7814\u7a76\u300d\u3092\u53d7\u3051\u3066\u3001\u8305\u30f6\u5d0e\u5e02\u304c\u516c\u958b\u3057\u3066\u3044\u308b\u4eba\u53e3\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b\u30b5\u30f3\u30d7\u30eb\u3092\u516c\u958b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<style type=\"text\/css\">\n    div.margin { margin: 20px; }\n<\/style>\n<div>\n<div id=\"d1\" class=\"margin\">\n        \u30c7\u30fc\u30bf\u3092\u6e96\u5099\u3057\u3066\u3044\u307e\u3059\u3002\n    <\/div>\n<div class=\"margin\">\n        <label>\u5e74\u6708\uff1a<\/label> <select id=\"month\"><\/select>\n    <\/div>\n<div class=\"margin\">\n        <label>\u6027\u5225\uff1a<\/label> <select id=\"gender\"><option value=\"all\">\u3059\u3079\u3066<\/option><option value=\"female\">\u5973\u6027<\/option><option value=\"male\">\u7537\u6027<\/option><option value=\"unknown\">\u4e0d\u660e<\/option><\/select>\n    <\/div>\n<div class=\"margin\">\n        <label>\u30a8\u30ea\u30a2\uff1a <\/label> <select id=\"district\"><option value=\"all\">\u8305\u30f6\u5d0e\u5e02\u5168\u4f53<\/option><\/select>\n    <\/div>\n<div class=\"margin\">\n        <a  id=\"btn1\" class=\"btn\" href=\"#d1\">\u8868\u793a\u3059\u308b<\/a>\n    <\/div>\n<\/div>\n<div>\n<div id=\"chart1_title\" class=\"margin\"><\/div>\n<div id=\"chart1_div\" class=\"margin\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u3001\u60c5\u5831\u5b66\u90e8 \u5ca1\u91ce\u96c5\u96c4\u6559\u6388\u3068\u30d5\u30ea\u30fc\u30b0\u30fc\u30d5\u30a9\u5408\u540c\u4f1a\u793e \u5927\u8cab\u5fb9\u4e5f\u3001\u30d0\u30d9\u30c3\u30b8\u30e9\u30dc \u4e95\u4e0a\u5e78\u6b21\u304c2017\u5e74\u5ea6\u306b\u5b9f\u65bd\u3057\u305f\u300c\u8305\u30f6\u5d0e\u5e02\u30aa\u30fc\u30d7\u30f3\u30c7\u30fc\u30bf\u6d3b\u7528\u306b\u95a2\u3059\u308b\u7814\u7a76\u300d\u3092\u53d7\u3051\u3066\u3001\u8305\u30f6\u5d0e\u5e02\u304c\u516c\u958b\u3057\u3066\u3044\u308b\u4eba\u53e3\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b\u30b5\u30f3\u30d7 &#8230;","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-mainfoot.php","meta":{"footnotes":""},"class_list":["post-393","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bunkyo.ac.jp\/faculty\/souken\/wp-json\/wp\/v2\/pages\/393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bunkyo.ac.jp\/faculty\/souken\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bunkyo.ac.jp\/faculty\/souken\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bunkyo.ac.jp\/faculty\/souken\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bunkyo.ac.jp\/faculty\/souken\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":24,"href":"https:\/\/www.bunkyo.ac.jp\/faculty\/souken\/wp-json\/wp\/v2\/pages\/393\/revisions"}],"predecessor-version":[{"id":435,"href":"https:\/\/www.bunkyo.ac.jp\/faculty\/souken\/wp-json\/wp\/v2\/pages\/393\/revisions\/435"}],"wp:attachment":[{"href":"https:\/\/www.bunkyo.ac.jp\/faculty\/souken\/wp-json\/wp\/v2\/media?parent=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}