神奈川県横浜市

保育所入所児童数ピボットレポート

横浜市都筑区保育所一覧入所児童数・入所可能人数・入所待ち人数(認可保育所のみ掲載)をピボットレポートにしました。ドラックアンドドロップで縦軸や横軸が変更できます。 https://github.com/nicolaskruchten/pivottable　のJavaScriptを利用させてもらってます。

評価指数

アプリケーション

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

/*
This is a Example program to retrieve and display the data. 
Press the Run button on the right of the screen (described the behavior of the Example program below). 
Please create a new application rewrite this program work. 
*/
var all_data;        
function initialize(){
all_data = new Array();
// データをLinkDataから取得 
tmp_a_data = new Array();
$.each(LinkData.getWorks(), function(workKey, workValue) {
$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
$.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
                         	var tmp_data = {}
//tmp_data["id"] = subjValue;
$.each(LinkData.getProperties(workValue, fileValue), function(propKey, propValue) {
$.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) {
                                                if(propValue == "http://linkdata.org/property/rdf1s874i#class"){
tmp_data["公or私"] = objValue;
}else if(propValue == "http://linkdata.org/property/rdf1s874i#name"){
tmp_data["保育所名"] = objValue;
//}else if(propValue == "http://xmlns.com/foaf/0.1/homepage"){
//tmp_data["Homepage"] = objValue;
}else if(propValue == "http://linkdata.org/property/rdf1s874i#koumoku"){
tmp_data["項目"] = objValue;
}else if(propValue == "http://linkdata.org/property/rdf1s874i#age_rank"){
tmp_data["児童年齢"] = objValue;
}else if(propValue == "http://linkdata.org/property/rdf1s874i#value"){
tmp_data["児童人数"] = objValue;
//}else if(propValue == "http://purl.org/dc/elements/1.1/description"){
//tmp_data["Detail"] = objValue;
}
});
});
                                tmp_a_data.push(tmp_data);
});
});
});
//全データ
all_data = tmp_a_data;

var derivers = $.pivotUtilities.derivers;
$("#output").pivotUI(all_data, {
rows: ["保育所名"],
cols: ["児童年齢"],
vals:["児童人数"],
aggregatorName:"sum",
effectsName: "Heatmap"
});

};

window.onload = function() {
    $(function(){
    initialize();        
    });	
};