津山市の大字別高齢化率の推移

fullscreen

津山市情報政策課

津山市における高齢化率（総人口に占める65歳以上人口の割合）の推移を、大字別で利用者が自由に比較できるグラフを作成しました。津山市の統計情報(津山市_住民基本台帳による年齢5歳階級、町別人口)を利用しています。

Rating

useful

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

if(typeof Application==="undefined"||!Application){var Application= {};}

Application.lc = function() {
	this._init.apply(this, arguments);
}

Application.lc.prototype = {
	
	_data : null,
	_options : null,
	_mainArray : null,
	
	_init : function() {
		this._mainArray = [];
		this._mainArray = this._getObjectArray();
		this._options = this._getGoogleOption();
		this._initCheckBox();
	},

_initCheckBox : function() {
		var array = this._getSubjectKeyValuePair();
		$.each(array, function(i, obj) {
			var checked = "";
			if (i == 0/* || i ==2*/) {
				checked = "checked='checked'";
			}
			$("<div class='entry'><input type='checkbox' class='chkPrefecture' value='" + obj.key + "' " + checked + "/><span>" + obj.value + "</span></div>").appendTo("#checkBoxAreaId");
		});
	},
	
	_configArray : function() {
		var array = [
			{
				"caption" : "平成22年",
				"property" : "2010"
			},
			{
				"caption" : "平成23年",
				"property" : "2011"
			},
			{	
				"caption" : "平成24年",
				"property" : "2012"
			},
			{
			    "caption" : "平成25年",
				"property" : "2013"
			},
			{
				"caption" : "平成26年",
				"property" : "2014"
			},
			{
				"caption" : "平成27年",
				"property" : "2015"			
			},
			{
				"caption" : "平成28年",
				"property" : "2016"			
			},
			{
				"caption" : "平成29年",
				"property" : "2017"			
			},
			{
				"caption" : "平成30年",
				"property" : "2018"			
			},
		];
		return array;
	},
	
	_getGoogleOption : function() {	
		var options = {
			title: '高齢化率',
			vAxis: {title: '単位：％', titleTextStyle: {color: '#A9A9A9'}}
      	};
		return options;
	},
	
	_getObjectArray : function() {
		var main = [];
		$.each(LinkData.getWorks(), function(workKey, workValue) {
			$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
				$.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
					var array = [];
					$.each(LinkData.getProperties(workValue, fileValue), function(propKey, propValue) {
						var propLabel = propValue;
						var arr = propValue.split("#");
						if (arr.length > 1) {
							propLabel = decodeURIComponent(arr[1]);
						}
						var obj = {};
						var objValue = LinkData.getObjects(workValue, fileValue, subjValue, propValue)[0];
						obj.property = propLabel;
						obj.value = objValue;
						array.push(obj);
					});
					main[subjValue] = array;
				});
			});
		});
		return main;
	},
	
	_getSubjectKeyValuePair : function() {
		var array = [];
		for (var key in this._mainArray) {
			var obj = {};
			var label = key.replace("http://ja.wikipedia.org/wiki/", "");
			obj.key = key;
			obj.value = label;
    		array.push(obj);
		}
		return array;
	},
	
	getDataByKey : function(keyArray) {
		var self = this;
		var main = [];
		var titleArray = [];
		titleArray.push("");
		$.each(keyArray, function(i, key) {
			key = key.replace("http://ja.wikipedia.org/wiki/", "");
			titleArray.push(key);
		});
		main.push(titleArray);
		var configArray = this._configArray();
		$.each(configArray, function(k, obj) {
			var arr = [];
			arr.push(obj.property);
			$.each(keyArray, function(i, key) {
				var array = self._mainArray[key];
				$.each(array, function(j, objData) {
					if (objData.property === obj.property) {
						//alert(objData.property + " | " + obj.property + " | " + objData.value);
						var val = objData.value;
						if (! isNaN(val)) {
							val = parseFloat(val);
						}
						arr.push(val);
					}
				});
			});
			main.push(arr);
		});
		return main;
	},
	
	getData : function() {
		return this._data;
	},
	
	getOptions : function() {
		return this._options;
	}
	
}

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawMarkersMap);

Initial content

Fork this app as your new one download

Web Search

Contributor Send Message	津山市情報政策課
Collaborators	遠藤守 Hiromi Osaka 黒瀬英生
Forked from (Parent App)	's
Run count	705
Website	http://www.okayama-opendata.jp/opendata/ga120PreAction.action?keyTitle=28da2ebeca97f936a7f984ffbc5385b573e80bb7&datasetId=4fe4c03f-5165-44c5-8b48-2ab23cb7bfb8
License
Fork count	0
Created date	Oct 3, 2017
Last update date	Jul 10, 2018