統計データをアニメーション棒グラフで表示

fullscreen

おさだひろあき

経産省の調査による都道府県ごとの雇用予定者数を、年度別で棒グラフで表示するアプリです。プルダウンメニュー内で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();
		this._getHistoryYear();
	},

_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 + "' id='" + obj.key + "' " + checked + "/><label for='" + obj.key + "'><span>" + obj.value + "</span></label></div>").appendTo("#checkBoxAreaId");
		});
	},
	
	_configArray : function() {
		var array = [
			{
				"caption" : "平成18年",
				"property" : "平成18年"
			},
			{
				"caption" : "平成19年",
				"property" : "平成19年"
			},
			{
				"caption" : "平成20年",
				"property" : "平成20年"
			},
			{
				"caption" : "平成21年",
				"property" : "平成21年"
			},
			{
				"caption" : "平成22年",
				"property" : "平成22年"
			}
		];
		return array;
	},
	
	_getGoogleOption : function() {
		var options = {
			title: '従業者数',
			animation:{
				duration: 1000,
				easing: 'out',
			},
			hAxis: {title: '単位：人', titleTextStyle: {color: '#A9A9A9'}, maxValue: 5999}
		};
		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(year, keyArray) {
		var self = this;
		var main = [];
		var titleArray = [];
		titleArray.push("");

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

このアプリをForkして新しいアプリを作るダウンロード

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

作者メッセージ送信	おさだひろあき
Fork元のアプリ	おさだひろあき 's forked:統計データを棒グラフで表示するアプリ
実行回数	372
ウェブサイト
ライセンス
Fork count	0
作成日	2012年6月12日
最終更新日	2012年6月26日