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

fullscreen

津山市情報政策課

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

評価指数

アプリケーション

Play
JavaScript
CSS
HTML
概要
保存した実行結果

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して新しいアプリを作るダウンロード

このアプリ作品をwebから探す

作者メッセージ送信	津山市情報政策課
共同編集者	遠藤守 Hiromi Osaka 黒瀬英生
Fork元のアプリ	's
実行回数	848
ウェブサイト	http://www.okayama-opendata.jp/opendata/ga120PreAction.action?keyTitle=28da2ebeca97f936a7f984ffbc5385b573e80bb7&datasetId=4fe4c03f-5165-44c5-8b48-2ab23cb7bfb8
ライセンス
Fork count	0
作成日	2017年10月3日
最終更新日	2018年7月10日