京都市行政区別外国人登録数統計データを棒グラフで表示するアプリ

fullscreen

kyolib2013

forked:統計データを棒グラフで表示するアプリをもとに、京都市行政区別外国人登録数を年度別で棒グラフで表示する。プルダウンメニュー内でCtrlキーを押しながら行政区名を複数クリックすると、グラフが複数表示されます。

Rating

useful

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

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

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

Application.bc.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" : "平成20年(2008)",
				"property" : "平成20年(2008)"
			},
			{
				"caption" : "平成21年(2009)",
				"property" : "平成21年(2009)"
			},
			{
				"caption" : "平成22年(2010)",
				"property" : "平成22年(2010)"
			},
			{
				"caption" : "平成22年(2010)",
				"property" : "平成22年(2010)"
			},
			{
				"caption" : "平成24年(2012)",
				"property" : "平成24年(2012)"
			},
				{
				"caption" : "平成25年(2013)",
				"property" : "平成25年(2013)"
			}
		];
		return array;
	},
	
	_getGoogleOption : function() {	
		var options = {
			title: '外国人登録総数',
			hAxis: {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', 'table', 'geomap']}); 
google.setOnLoadCallback(drawMarkersMap);

Initial content

Fork this app as your new one download

Web Search

Contributor Send Message	kyolib2013
Forked from (Parent App)	Uditha Punchihewa 's 統計データを棒グラフで表示するアプリ
Run count	279
Website	http://
License
Fork count	0
Created date	May 5, 2013
Last update date	May 12, 2013

Forked from (Parent App)

統計データを棒グラフで表示するアプリ Contributor: Uditha Punchihewa Update: Jun 11, 2012 681 runs

Input Data
Related Ideas

LinkData work list used as input data in this application.
You can change input data and execute application if you change the checkbox.

京都市行政区別外国人登録数 Contributor: kyolib2013 Update: May 7, 2013
731 Downloads
,

1 Applications

foreigners_in_kyotocity

foreigners_in_kyotocity_2008

foreigners_in_kyotocity_2009

foreigners_in_kyotocity_2010

foreigners_in_kyotocity_2011

foreigners_in_kyotocity_2012
Add New Data

News Feed

linkdata.org に関するツイート

Publish your application as JavaScript

that mashes up the Linked Open Data

Application Information

京都市行政区別外国人登録数統計データを棒グラフで表示するアプリ

Application

Forked from (Parent App)

News Feed