156 lines
4.6 KiB
JavaScript
Executable File
156 lines
4.6 KiB
JavaScript
Executable File
// reportOptions variable comes from respective config file
|
|
|
|
// Array that stores objects for each element returned via rest
|
|
var chartsData;
|
|
|
|
var commasFixed2 = function(d) {return d3.format(",")(d.toFixed(2)); };
|
|
|
|
var NVGraphs = new NVD3CustomGraphs();
|
|
var mainDOMId = "piecharts";
|
|
|
|
function initPage() {
|
|
// function from generic.js, variable from config file
|
|
initHeaderAndFilters(headerAndFilters);
|
|
|
|
$("#content-body")
|
|
.append(
|
|
$("<div>").attr("id", mainDOMId)
|
|
);
|
|
|
|
$("#filter").click(function() {
|
|
generateCharts();
|
|
});
|
|
|
|
//updateChartHeight();
|
|
generateCharts();
|
|
}
|
|
|
|
function generateCharts() {
|
|
chartsData = [];
|
|
|
|
// get the social club header filtering parameter values, headerAndFilters.headerType comes from local conf
|
|
var pValues = config.headerOptions[headerAndFilters.headerType].getParamValues();
|
|
|
|
if (reportOptions.multipleRequests) {
|
|
var endpointsArray = reportOptions.multipleRequests(pValues);
|
|
|
|
var req = new ReportRequest(null, "json", null, config.restHost + config.reportsQueryAsync);
|
|
req.sendMultipleAsyncRequest(endpointsArray, drawCharts);
|
|
}
|
|
else {
|
|
|
|
if (reportOptions.hasExtraRestParams) {
|
|
$.each(reportOptions.hasExtraRestParams, function(i, paramObj) {
|
|
var value;
|
|
if (typeof paramObj.value === "function") {
|
|
value = paramObj.value();
|
|
}
|
|
else
|
|
value = paramObj.value;
|
|
pValues.Pairs[paramObj.key] = value;
|
|
});
|
|
}
|
|
|
|
var req = new ReportRequest(config.restHost + reportOptions.restEndpoint,
|
|
"json",
|
|
config.restHost + reportOptions.restEndpointAsync + pValues.ForceUrlSuffix,
|
|
config.restHost + config.reportsQueryAsync);
|
|
|
|
req.sendSingleAsyncRequest(pValues, drawCharts);
|
|
}
|
|
|
|
} //end of generateCharts()
|
|
|
|
function cleanCharts() {
|
|
$("#" + mainDOMId).empty();
|
|
}
|
|
|
|
/*
|
|
function updateChartHeight() {
|
|
// Adjust the height of the charts automatically
|
|
var subHeader = ($("#sub-header").height()) ? $("#sub-header").height() : 30;
|
|
var windowHeight = $("#content").height() - 2*subHeader;
|
|
$("#" + mainDOMId).css("height", windowHeight);
|
|
}
|
|
*/
|
|
|
|
function drawCharts(data) {
|
|
// If a processFunction function is specified
|
|
if (data) {
|
|
if (reportOptions.processFunction)
|
|
chartsData = reportOptions.processFunction(data);
|
|
else
|
|
chartsData = data;
|
|
}
|
|
|
|
if (chartsData.length < 1) {
|
|
cleanCharts();
|
|
Sexy.alert(config.noDataText);
|
|
return;
|
|
}
|
|
|
|
var placeholderWidth = $("#" + mainDOMId).width();
|
|
var placeholderHeight = $("#" + mainDOMId).height();
|
|
//var dataColumns = 2;
|
|
var dataRows = (chartsData.length == 2) ? 1 : 2;
|
|
|
|
var graphOptions = reportOptions.main;
|
|
|
|
var existingItems = $("#" + mainDOMId).find("div");
|
|
if (existingItems.length > chartsData.length)
|
|
existingItems.slice(chartsData.length).remove();
|
|
|
|
$.each(chartsData, function(i, pieData) {
|
|
|
|
var pieItemDOMId = mainDOMId + "_" + i;
|
|
|
|
// This will add the svg on the first time
|
|
if ($("#" + mainDOMId).find("#" + pieItemDOMId).size() == 0) {
|
|
$("#" + mainDOMId)
|
|
.append(
|
|
$("<div>").attr("id", pieItemDOMId)
|
|
);
|
|
initSvg(pieItemDOMId);
|
|
}
|
|
|
|
var totalColumns = Math.round(chartsData.length / dataRows);
|
|
var currentCol = Math.floor(i/dataRows);
|
|
currentCol = (chartsData.length%2 && i!=0) ? Math.floor((i+1)/dataRows) : currentCol;
|
|
|
|
var currentRow = Math.round(i%dataRows);
|
|
currentRow = (chartsData.length%2 && i!=0) ? Math.round((i+1)%dataRows) : currentRow;
|
|
|
|
var pieWidth = Math.floor(placeholderWidth / totalColumns);
|
|
var pieHeight = Math.floor(100 / dataRows);
|
|
|
|
$("#" + pieItemDOMId)
|
|
.css("position", "absolute")
|
|
//.removeClass().addClass(function() {return (i%2) ? "float-right" : "float-left"})
|
|
/*
|
|
.css("width", function() {
|
|
// give max width to the first element in odd number of detailed piecharts
|
|
return ((i==0) && (chartsData.length%2)) ? "100%" : Math.floor(100/dataColumns) + "%";
|
|
})
|
|
.css("height", Math.floor(placeholderHeight/ Math.round(chartsData.length / dataColumns)));
|
|
*/
|
|
.css("width", pieWidth)
|
|
.css("height", ((i==0) && (chartsData.length%2)) ? "100%" : pieHeight + "%")
|
|
.css("top", currentRow*pieHeight + "%")
|
|
.css("left", currentCol*pieWidth)
|
|
|
|
//.css("left", function() {
|
|
// return ((i==0) && (chartsData.length%2)) ? "0%" : Math.floor(100/dataRows) + "%";
|
|
//});
|
|
|
|
var datum = [{
|
|
key: graphOptions.getPieLabel(pieData),
|
|
values: graphOptions.getValuesArray(pieData),
|
|
metadata: graphOptions.getMetadata(pieData),
|
|
}];
|
|
|
|
NVGraphs.drawPiechart(datum, pieItemDOMId, graphOptions);
|
|
}); //end of each detailedObjects
|
|
|
|
}
|
|
|