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

fullscreen

kyolib2013

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

評価指数

アプリケーション

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

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

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

作者メッセージ送信	kyolib2013
Fork元のアプリ	ウディタプンチへワ 's 統計データを棒グラフで表示するアプリ
実行回数	278
ウェブサイト	http://
ライセンス
Fork count	0
作成日	2013年5月5日
最終更新日	2013年5月12日

Fork元のアプリ

統計データを棒グラフで表示するアプリ作者: ウディタプンチへワ更新日: 2012年6月11日 678 回実行

入力データ
関連アイデア

このアプリ作品で入力データとして使われているデータ作品のリストです。
チェックボックスの選択を変更すると、入力データを変更して実行することができます。

京都市行政区別外国人登録数作者: kyolib2013 更新日: 2013年5月7日
646 ダウンロード
,

1 アプリケーション

foreigners_in_kyotocity

foreigners_in_kyotocity_2008

foreigners_in_kyotocity_2009

foreigners_in_kyotocity_2010

foreigners_in_kyotocity_2011

foreigners_in_kyotocity_2012
自分のデータを入力する

ニュースフィード

linkdata.org に関するツイート

オープンデータを使ってアプリを作ろう

アプリケーションの作成と公開をサポートするサイト

アプリ作品の情報

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

アプリケーション

Fork元のアプリ

ニュースフィード