View Code:
$(document).ready(function () {
LoadGraph("Year");
});
var lType;
function LoadGraph(Period) {
lType = Period;
$.ajax({
type: "POST",
url: "../Admin/GetApplicationGraphData?label=" + Period,
success: OnSuccess_
});
}
function OnSuccess_(response) {
var aData = response;
var aLabels = aData[0];
var idArray = new Array();
var idArray2 = new Array();
var idArray3 = new Array();
var AppCompleteCountForBar = 0;
var InterviewCountForBar = 0;
var OfferCountForBar = 0;
if (lType == "Year") {
aLabels = ["August", "September", "October", "November", "December", "January", "February", "March", "April", "May", "June", "July"];
idArray = ["0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0"];
idArray2 = ["0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0"];
idArray3 = ["0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0"];
}
else if (lType == "Week") {
aLabels = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];
idArray = ["0", "0", "0", "0", "0", "0", "0"];
idArray2 = ["0", "0", "0", "0", "0", "0", "0"];
idArray3 = ["0", "0", "0", "0", "0", "0", "0"];
}
for (var i = 0; i < aLabels.length; i++) {
var k = aLabels.indexOf(aData[0][i]);
if (k != -1) {
idArray[k] = aData[1][i];
AppCompleteCountForBar = AppCompleteCountForBar == 0 ? aData[1][i] : AppCompleteCountForBar + aData[1][i];
}
}
for (var i = 0; i < aLabels.length; i++) {
var k = aLabels.indexOf(aData[2][i]);
if (k != -1) {
idArray2[k] = aData[3][i];
InterviewCountForBar = InterviewCountForBar == 0 ? aData[3][i] : InterviewCountForBar + aData[3][i];
}
}
for (var i = 0; i < aLabels.length; i++) {
var k = aLabels.indexOf(aData[4][i]);
if (k != -1) {
idArray3[k] = aData[5][i];
OfferCountForBar = OfferCountForBar == 0 ? aData[5][i] : OfferCountForBar + aData[5][i];
}
}
var aDatasets1 = idArray;
var aDatasets2 = idArray2;
var aDatasets3 = idArray3;
var lineData = {
name: "Application Chart",
labels: aLabels,
datasets: [
{
label: "Application",
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: aDatasets1
},
{
label: "Interview",
fillColor: "rgba(26,179,148,0.5)",
strokeColor: "rgba(26,179,148,0.7)",
pointColor: "rgba(26,179,148,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(26,179,148,1)",
data: aDatasets2
},
{
label: "Offers",
fillColor: "rgba(151,187,205,0.5)",
strokeColor: "rgba(151,187,205,1)",
pointColor: "rgba(151,187,205,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(151,187,205,1)",
data: aDatasets3
}
]
};
}
Controller Code:
[HttpPost]
public JsonResult GetApplicationGraphData(string label)
{
var ChartData = objIAdminService.GetDashboardGraphDataBySP(label);
return Json(ChartData, JsonRequestBehavior.AllowGet);
}