Rev 1 | Rev 16822 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
<?php
$this->inlineScript()->appendFile($this->basePath('plugins/chart.js/chart.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/chartjs-plugin-datalabels/chartjs-plugin-datalabels.js'));
$labelsLastWeekCompanies = '';
$totalsLastWeekCompanies = '';
$valuesLastWeekCompanies = '';
if(!empty($reportsLastWeek['companies'])) {
foreach($reportsLastWeek['companies'] as $record) {
$labelsLastWeekCompanies .= empty($labelsLastWeekCompanies) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsLastWeekCompanies .= empty($totalsLastWeekCompanies) ? "{$record['total']}" : ", {$record['total']}";
$valuesLastWeekCompanies .= empty($valuesLastWeekCompanies) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsLastWeekFunctions = '';
$totalsLastWeekFunctions = '';
$valuesLastWeekFunctions = '';
if(!empty($reportsLastWeek['functions'])) {
foreach($reportsLastWeek['functions'] as $record) {
$labelsLastWeekFunctions .= empty($labelsLastWeekFunctions) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsLastWeekFunctions .= empty($totalsLastWeekFunctions) ? "{$record['total']}" : ", {$record['total']}";
$valuesLastWeekFunctions .= empty($valuesLastWeekFunctions) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsLastWeekInstitutions = '';
$totalsLastWeekInstitutions = '';
$valuesLastWeekInstitutions = '';
if(!empty($reportsLastWeek['institutions'])) {
foreach($reportsLastWeek['institutions'] as $record) {
$labelsLastWeekInstitutions .= empty($labelsLastWeekInstitutions) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsLastWeekInstitutions .= empty($totalsLastWeekInstitutions) ? "{$record['total']}" : ", {$record['total']}";
$valuesLastWeekInstitutions .= empty($valuesLastWeekInstitutions) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsLastWeekGroups = '';
$totalsLastWeekGroups = '';
$valuesLastWeekGroups = '';
if(!empty($reportsLastWeek['groups'])) {
foreach($reportsLastWeek['groups'] as $record) {
$labelsLastWeekGroups .= empty($labelsLastWeekGroups) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsLastWeekGroups .= empty($totalsLastWeekGroups) ? "{$record['total']}" : ", {$record['total']}";
$valuesLastWeekGroups .= empty($valuesLastWeekGroups) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsLastWeekPrograms = '';
$totalsLastWeekPrograms = '';
$valuesLastWeekPrograms = '';
if(!empty($reportsLastWeek['programs'])) {
foreach($reportsLastWeek['programs'] as $record) {
$labelsLastWeekPrograms .= empty($labelsLastWeekPrograms) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsLastWeekPrograms .= empty($totalsLastWeekPrograms) ? "{$record['total']}" : ", {$record['total']}";
$valuesLastWeekPrograms .= empty($valuesLastWeekPrograms) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsLastWeekPartners = '';
$totalsLastWeekPartners = '';
$valuesLastWeekPartners = '';
if(!empty($reportsLastWeek['partners'])) {
foreach($reportsLastWeek['partners'] as $record) {
$labelsLastWeekPartners .= empty($labelsLastWeekPartners) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsLastWeekPartners .= empty($totalsLastWeekPartners) ? "{$record['total']}" : ", {$record['total']}";
$valuesLastWeekPartners .= empty($valuesLastWeekPartners) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsLastWeekSectors = '';
$totalsLastWeekSectors = '';
$valuesLastWeekSectors = '';
if(!empty($reportsLastWeek['sectors'])) {
foreach($reportsLastWeek['sectors'] as $record) {
$labelsLastWeekSectors .= empty($labelsLastWeekSectors) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsLastWeekSectors .= empty($totalsLastWeekSectors) ? "{$record['total']}" : ", {$record['total']}";
$valuesLastWeekSectors .= empty($valuesLastWeekSectors) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsLastWeekStudentTypes = '';
$totalsLastWeekStudentTypes = '';
$valuesLastWeekStudentTypes = '';
if(!empty($reportsLastWeek['student_types'])) {
foreach($reportsLastWeek['student_types'] as $record) {
$labelsLastWeekStudentTypes .= empty($labelsLastWeekStudentTypes) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsLastWeekStudentTypes .= empty($totalsLastWeekStudentTypes) ? "{$record['total']}" : ", {$record['total']}";
$valuesLastWeekStudentTypes .= empty($valuesLastWeekStudentTypes) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsCapsuleResumeCompanies = '';
$totalsCapsuleResumeCompanies = '';
$valuesCapsuleResumeCompanies = '';
if(!empty($reportsCapsuleResume['companies'])) {
foreach($reportsCapsuleResume['companies'] as $record) {
$labelsCapsuleResumeCompanies .= empty($labelsCapsuleResumeCompanies) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsCapsuleResumeCompanies .= empty($totalsCapsuleResumeCompanies) ? "{$record['total']}" : ", {$record['total']}";
$valuesCapsuleResumeCompanies .= empty($valuesCapsuleResumeCompanies) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsCapsuleResumeFunctions = '';
$totalsCapsuleResumeFunctions = '';
$valuesCapsuleResumeFunctions = '';
if(!empty($reportsCapsuleResume['functions'])) {
foreach($reportsCapsuleResume['functions'] as $record) {
$labelsCapsuleResumeFunctions .= empty($labelsCapsuleResumeFunctions) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsCapsuleResumeFunctions .= empty($totalsCapsuleResumeFunctions) ? "{$record['total']}" : ", {$record['total']}";
$valuesCapsuleResumeFunctions .= empty($valuesCapsuleResumeFunctions) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsCapsuleResumeInstitutions = '';
$totalsCapsuleResumeInstitutions = '';
$valuesCapsuleResumeInstitutions = '';
if(!empty($reportsCapsuleResume['institutions'])) {
foreach($reportsCapsuleResume['institutions'] as $record) {
$labelsCapsuleResumeInstitutions .= empty($labelsCapsuleResumeInstitutions) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsCapsuleResumeInstitutions .= empty($totalsCapsuleResumeInstitutions) ? "{$record['total']}" : ", {$record['total']}";
$valuesCapsuleResumeInstitutions .= empty($valuesCapsuleResumeInstitutions) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsCapsuleResumeGroups = '';
$totalsCapsuleResumeGroups = '';
$valuesCapsuleResumeGroups = '';
if(!empty($reportsCapsuleResume['groups'])) {
foreach($reportsCapsuleResume['groups'] as $record) {
$labelsCapsuleResumeGroups .= empty($labelsCapsuleResumeGroups) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsCapsuleResumeGroups .= empty($totalsCapsuleResumeGroups) ? "{$record['total']}" : ", {$record['total']}";
$valuesCapsuleResumeGroups .= empty($valuesCapsuleResumeGroups) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsCapsuleResumePrograms = '';
$totalsCapsuleResumePrograms = '';
$valuesCapsuleResumePrograms = '';
if(!empty($reportsCapsuleResume['programs'])) {
foreach($reportsCapsuleResume['programs'] as $record) {
$labelsCapsuleResumePrograms .= empty($labelsCapsuleResumePrograms) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsCapsuleResumePrograms .= empty($totalsCapsuleResumePrograms) ? "{$record['total']}" : ", {$record['total']}";
$valuesCapsuleResumePrograms .= empty($valuesCapsuleResumePrograms) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsCapsuleResumePartners = '';
$totalsCapsuleResumePartners = '';
$valuesCapsuleResumePartners = '';
if(!empty($reportsCapsuleResume['partners'])) {
foreach($reportsCapsuleResume['partners'] as $record) {
$labelsCapsuleResumePartners .= empty($labelsCapsuleResumePartners) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsCapsuleResumePartners .= empty($totalsCapsuleResumePartners) ? "{$record['total']}" : ", {$record['total']}";
$valuesCapsuleResumePartners .= empty($valuesCapsuleResumePartners) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsCapsuleResumeSectors = '';
$totalsCapsuleResumeSectors = '';
$valuesCapsuleResumeSectors = '';
if(!empty($reportsCapsuleResume['sectors'])) {
foreach($reportsCapsuleResume['sectors'] as $record) {
$labelsCapsuleResumeSectors .= empty($labelsCapsuleResumeSectors) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsCapsuleResumeSectors .= empty($totalsCapsuleResumeSectors) ? "{$record['total']}" : ", {$record['total']}";
$valuesCapsuleResumeSectors .= empty($valuesCapsuleResumeSectors) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsCapsuleResumeStudentTypes = '';
$totalsCapsuleResumeStudentTypes = '';
$valuesCapsuleResumeStudentTypes = '';
if(!empty($reportsCapsuleResume['student_types'])) {
foreach($reportsCapsuleResume['student_types'] as $record) {
$labelsCapsuleResumeStudentTypes .= empty($labelsCapsuleResumeStudentTypes) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsCapsuleResumeStudentTypes .= empty($totalsCapsuleResumeStudentTypes) ? "{$record['total']}" : ", {$record['total']}";
$valuesCapsuleResumeStudentTypes .= empty($valuesCapsuleResumeStudentTypes) ? "{$record['value']}" : ", {$record['value']}";
}
}
$labelsTotalCompanies = '';
$totalsTotalCompanies = '';
if(!empty($reportsStudentsTotal['companies'])) {
foreach($reportsStudentsTotal['companies'] as $record) {
$labelsTotalCompanies .= empty($labelsTotalCompanies) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsTotalCompanies .= empty($totalsTotalCompanies) ? "{$record['total']}" : ", {$record['total']}";
}
}
$labelsTotalFunctions = '';
$totalsTotalFunctions = '';
if(!empty($reportsStudentsTotal['functions'])) {
foreach($reportsStudentsTotal['functions'] as $record) {
$labelsTotalFunctions .= empty($labelsTotalFunctions) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsTotalFunctions .= empty($totalsTotalFunctions) ? "{$record['total']}" : ", {$record['total']}";
}
}
$labelsTotalInstitutions = '';
$totalsTotalInstitutions = '';
if(!empty($reportsStudentsTotal['institutions'])) {
foreach($reportsStudentsTotal['institutions'] as $record) {
$labelsTotalInstitutions .= empty($labelsTotalInstitutions) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsTotalInstitutions .= empty($totalsTotalInstitutions) ? "{$record['total']}" : ", {$record['total']}";
}
}
$labelsTotalGroups = '';
$totalsTotalGroups = '';
if(!empty($reportsStudentsTotal['groups'])) {
foreach($reportsStudentsTotal['groups'] as $record) {
$labelsTotalGroups .= empty($labelsTotalGroups) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsTotalGroups .= empty($totalsTotalGroups) ? "{$record['total']}" : ", {$record['total']}";
}
}
$labelsTotalPrograms = '';
$totalsTotalPrograms = '';
if(!empty($reportsStudentsTotal['programs'])) {
foreach($reportsStudentsTotal['programs'] as $record) {
$labelsTotalPrograms .= empty($labelsTotalPrograms) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsTotalPrograms .= empty($totalsTotalPrograms) ? "{$record['total']}" : ", {$record['total']}";
}
}
$labelsTotalPartners = '';
$totalsTotalPartners = '';
if(!empty($reportsStudentsTotal['partners'])) {
foreach($reportsStudentsTotal['partners'] as $record) {
$labelsTotalPartners .= empty($labelsTotalPartners) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsTotalPartners .= empty($totalsTotalPartners) ? "{$record['total']}" : ", {$record['total']}";
}
}
$labelsTotalSectors = '';
$totalsTotalSectors = '';
if(!empty($reportsStudentsTotal['sectors'])) {
foreach($reportsStudentsTotal['sectors'] as $record) {
$labelsTotalSectors .= empty($labelsTotalSectors) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsTotalSectors .= empty($totalsTotalSectors) ? "{$record['total']}" : ", {$record['total']}";
}
}
$labelsTotalStudentTypes = '';
$totalsTotalStudentTypes = '';
if(!empty($reportsStudentsTotal['student_types'])) {
foreach($reportsStudentsTotal['student_types'] as $record) {
$labelsTotalStudentTypes .= empty($labelsTotalStudentTypes) ? "'{$record['name']}'" : ", '{$record['name']}'";
$totalsTotalStudentTypes .= empty($totalsTotalStudentTypes) ? "{$record['total']}" : ", {$record['total']}";
}
}
$this->inlineScript()->captureStart();
echo <<<JS
jQuery( document ).ready(function( $ ) {
const DISPLAY = true;
const BORDER = true;
const CHART_AREA = true;
const TICKS = true;
const bgColors = [
'#CFE7FB',
'#F9D76F',
'#B9D566',
'#FFBB90',
'#66BBBB',
'#E69090',
'#BB90BB',
'#9AB67C',
'#D1CC66',
'#AFD8F8',
'#F6BD0F',
'#8BBA00',
'#FF8E46',
'#008E8E',
'#D64646',
'#8E468E',
'#588526',
'#B3AA00',
'#008ED6',
'#9D080D',
'#A186BE'
];
function transparentize(value, opacity) {
var alpha = opacity === undefined ? 0.5 : 1 - opacity;
return colorLib(value).alpha(alpha).rgbString();
}
/****** START STUDENTS ***/
var areaChartData = {
labels : ['LABEL_GRAPH_STUDENTS_TOTAL', 'LABEL_GRAPH_STUDENTS_STARTED', 'LABEL_GRAPH_STUDENTS_WITHOUT_STARTED'],
datasets: [
{
label : '',
backgroundColor : backgroundColor: bgColors,
pointRadius : true,
data : [ {$reportStudents['total']},{$reportStudents['started']},{$reportStudents['withoutStarting']} ]
},
]
}
var barChartCanvas = $('#barChartStudents').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
barChartData.datasets[0] = temp0
var barChartOptions = {
responsive : true,
maintainAspectRatio : false,
datasetFill : false,
plugins: {
legend: {
display: false,
} ,
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
}
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
})
/****** END STUDENTS ***/
/****** LASTWEEK GENERAL ***/
var areaChartData = {
labels : ['LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES', 'LABEL_GRAPH_STUDENTS_TOTALS' ],
datasets: [
{
label : '',
backgroundColor : bgColors,
pointRadius : true,
data : [{$reportsLastWeek['general'][ 'value']}, {$reportsLastWeek['general'][ 'total']} ]
},
]
}
var barChartCanvas = $('#barChartLastWeekGeneral').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
barChartData.datasets[0] = temp0
var barChartOptions = {
responsive : true,
maintainAspectRatio : false,
datasetFill : false,
plugins: {
legend: {
display: true,
position: 'top',
} ,
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
}
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'doughnut',
data: barChartData,
options: barChartOptions
})
/****** END STUDENTS ***/
/****** START LAST WEEK COMPANIES ***/
if($('#barChartLastWeekCompanies').length > 0) {
var areaChartData = {
labels : [$labelsLastWeekCompanies],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsLastWeekCompanies ]
},
{
label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesLastWeekCompanies ]
},
]
}
var barChartCanvas = $('#barChartLastWeekCompanies').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END COMPANIES ***/
/****** START LAST WEEK FUNCTIONS ***/
if($('#barChartLastWeekFunctions').length > 0) {
var areaChartData = {
labels : [$labelsLastWeekFunctions],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsLastWeekFunctions ]
},
{
label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesLastWeekFunctions ]
},
]
}
var barChartCanvas = $('#barChartLastWeekFunctions').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END FUNCTIONS ***/
/****** START LAST WEEK GROUPS ***/
if($('#barChartLastWeekGroups').length > 0) {
var areaChartData = {
labels : [$labelsLastWeekGroups],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsLastWeekGroups ]
},
{
label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesLastWeekGroups ]
},
]
}
var barChartCanvas = $('#barChartLastWeekGroups').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END GROUPS ***/
/****** START LAST WEEK INSTITUTIONS ***/
if($('#barChartLastWeekInstitutions').length > 0) {
var areaChartData = {
labels : [$labelsLastWeekInstitutions],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsLastWeekInstitutions ]
},
{
label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesLastWeekInstitutions ]
},
]
}
var barChartCanvas = $('#barChartLastWeekInstitutions').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END INSTITUTIONS ***/
/****** START LAST WEEK PROGRAMS ***/
if($('#barChartLastWeekPrograms').length > 0) {
var areaChartData = {
labels : [$labelsLastWeekPrograms],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsLastWeekPrograms ]
},
{
label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesLastWeekPrograms ]
},
]
}
var barChartCanvas = $('#barChartLastWeekPrograms').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END PROGRAMS ***/
/****** START LAST WEEK PARTNERS ***/
if ($('#barChartLastWeekPartners').length > 0) {
var areaChartData = {
labels : [$labelsLastWeekPartners],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsLastWeekPartners ]
},
{
label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesLastWeekPartners ]
},
]
}
var barChartCanvas = $('#barChartLastWeekPartners').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END PARTNERS ***/
/****** START LAST WEEK SECTORS ***/
if($('#barChartLastWeekSectors').length > 0) {
var areaChartData = {
labels : [$labelsLastWeekSectors],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsLastWeekSectors ]
},
{
label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesLastWeekSectors ]
},
]
}
var barChartCanvas = $('#barChartLastWeekSectors').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
})
}
/****** END SECTORS ***/
/****** START LAST WEEK EXTEND TYPES ***/
if($('#barChartLastWeekStudentTypes').length > 0) {
var areaChartData = {
labels : [$labelsLastWeekStudentTypes],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsLastWeekStudentTypes ]
},
{
label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesLastWeekStudentTypes ]
},
]
}
var barChartCanvas = $('#barChartLastWeekStudentTypes').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END EXTEND TYPES ***/
/****** CAPSULE RESUME GENERAL ***/
var areaChartData = {
labels : ['LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES', 'LABEL_GRAPH_STUDENTS_TOTALS' ],
datasets: [
{
label : '',
backgroundColor : [
CHART_COLORS.blue,
CHART_COLORS.red,
],
pointRadius : true,
data : [{$reportsCapsuleResume['general'][ 'value']}, {$reportsCapsuleResume['general'][ 'total']} ]
},
]
}
var barChartCanvas = $('#barChartCapsuleResumeGeneral').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
barChartData.datasets[0] = temp0
var barChartOptions = {
responsive : true,
maintainAspectRatio : false,
datasetFill : false,
plugins: {
legend: {
display: true,
position: 'top',
} ,
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
}
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'doughnut',
data: barChartData,
options: barChartOptions
})
/****** END STUDENTS ***/
/****** START CAPSULE RESUME COMPANIES ***/
if($('#barChartCapsuleResumeCompanies').length > 0) {
var areaChartData = {
labels : [$labelsCapsuleResumeCompanies],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsCapsuleResumeCompanies ]
},
{
label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesCapsuleResumeCompanies ]
},
]
}
var barChartCanvas = $('#barChartCapsuleResumeCompanies').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END COMPANIES ***/
/****** START CAPSULE RESUME FUNCTIONS ***/
if($('#barChartCapsuleResumeFunctions').length > 0) {
var areaChartData = {
labels : [$labelsCapsuleResumeFunctions],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsCapsuleResumeFunctions ]
},
{
label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesCapsuleResumeFunctions ]
},
]
}
var barChartCanvas = $('#barChartCapsuleResumeFunctions').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END FUNCTIONS ***/
/****** START CAPSULE RESUME GROUPS ***/
if($('#barChartCapsuleResumeGroups').length > 0) {
var areaChartData = {
labels : [$labelsCapsuleResumeGroups],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsCapsuleResumeGroups ]
},
{
label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesCapsuleResumeGroups ]
},
]
}
var barChartCanvas = $('#barChartCapsuleResumeGroups').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END GROUPS ***/
/****** START CAPSULE RESUME INSTITUTIONS ***/
if($('#barChartCapsuleResumeInstitutions').length > 0) {
var areaChartData = {
labels : [$labelsCapsuleResumeInstitutions],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsCapsuleResumeInstitutions ]
},
{
label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesCapsuleResumeInstitutions ]
},
]
}
var barChartCanvas = $('#barChartCapsuleResumeInstitutions').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END INSTITUTIONS ***/
/****** START CAPSULE RESUME PROGRAMS ***/
if($('#barChartCapsuleResumePrograms').length > 0) {
var areaChartData = {
labels : [$labelsCapsuleResumePrograms],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsCapsuleResumePrograms ]
},
{
label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesCapsuleResumePrograms ]
},
]
}
var barChartCanvas = $('#barChartCapsuleResumePrograms').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END PROGRAMS ***/
/****** START CAPSULE RESUME PARTNERS ***/
if ($('#barChartCapsuleResumePartners').length > 0) {
var areaChartData = {
labels : [$labelsCapsuleResumePartners],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsCapsuleResumePartners ]
},
{
label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesCapsuleResumePartners ]
},
]
}
var barChartCanvas = $('#barChartCapsuleResumePartners').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END PARTNERS ***/
/****** START CAPSULE RESUME SECTORS ***/
if($('#barChartCapsuleResumeSectors').length > 0) {
var areaChartData = {
labels : [$labelsCapsuleResumeSectors],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsCapsuleResumeSectors ]
},
{
label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesCapsuleResumeSectors ]
},
]
}
var barChartCanvas = $('#barChartCapsuleResumeSectors').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
})
}
/****** END SECTORS ***/
/****** START CAPSULE RESUME EXTEND TYPES ***/
if($('#barChartCapsuleResumeStudentTypes').length > 0) {
var areaChartData = {
labels : [$labelsCapsuleResumeStudentTypes],
datasets: [
{
label : 'LABEL_GRAPH_STUDENTS_TOTALS',
borderColor: CHART_COLORS.red,
backgroundColor: CHART_COLORS.blue,
borderWidth: 1,
data : [ $totalsCapsuleResumeStudentTypes ]
},
{
label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
borderColor: CHART_COLORS.blue,
backgroundColor: CHART_COLORS.red,
borderWidth: 1,
data : [ $valuesCapsuleResumeStudentTypes ]
},
]
}
var barChartCanvas = $('#barChartCapsuleResumeStudentTypes').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END EXTEND TYPES ***/
/****** START TOTAL COMPANIES ***/
if($('#barChartTotalCompanies').length > 0) {
var areaChartData = {
labels : [$labelsTotalCompanies],
datasets: [
{
label : '',
backgroundColor: Object.values(CHART_COLORS),
pointRadius : true,
data : [ $totalsTotalCompanies ]
},
]
}
var barChartCanvas = $('#barChartTotalCompanies').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
barChartData.datasets[0] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
legend: {
display: false,
} ,
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END COMPANIES ***/
/****** START TOTAL FUNCTIONS ***/
if($('#barChartTotalFunctions').length > 0) {
var areaChartData = {
labels : [$labelsTotalFunctions],
datasets: [
{
label : '',
backgroundColor: Object.values(CHART_COLORS),
pointRadius : true,
data : [ $totalsTotalFunctions ]
},
]
}
var barChartCanvas = $('#barChartTotalFunctions').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
barChartData.datasets[0] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
legend: {
display: false,
} ,
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END FUNCTIONS ***/
/****** START TOTAL GROUPS ***/
if($('#barChartTotalGroups').length > 0) {
var areaChartData = {
labels : [$labelsTotalGroups],
datasets: [
{
label : '',
backgroundColor: Object.values(CHART_COLORS),
pointRadius : true,
data : [ $totalsTotalGroups ]
},
]
}
var barChartCanvas = $('#barChartTotalGroups').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
barChartData.datasets[0] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
legend: {
display: false,
} ,
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END GROUPS ***/
/****** START TOTAL INSTITUTIONS ***/
if($('#barChartTotalInstitutions').length > 0) {
var areaChartData = {
labels : [$labelsTotalInstitutions],
datasets: [
{
label : '',
backgroundColor: Object.values(CHART_COLORS),
pointRadius : true,
data : [ $totalsTotalInstitutions ]
},
]
}
var barChartCanvas = $('#barChartTotalInstitutions').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
barChartData.datasets[0] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
legend: {
display: false,
} ,
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END INSTITUTIONS ***/
/****** START TOTAL PROGRAMS ***/
if($('#barChartTotalPrograms').length > 0) {
var areaChartData = {
labels : [$labelsTotalPrograms],
datasets: [
{
label : '',
backgroundColor: Object.values(CHART_COLORS),
pointRadius : true,
data : [ $totalsTotalPrograms ]
},
]
}
var barChartCanvas = $('#barChartTotalPrograms').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
barChartData.datasets[0] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
legend: {
display: false,
} ,
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END PROGRAMS ***/
/****** START TOTAL PARTNERS ***/
if ($('#barChartTotalPartners').length > 0) {
var areaChartData = {
labels : [$labelsTotalPartners],
datasets: [
{
label : '',
backgroundColor: Object.values(CHART_COLORS),
pointRadius : true,
data : [ $totalsTotalPartners ]
},
]
}
var barChartCanvas = $('#barChartTotalPartners').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
barChartData.datasets[0] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
legend: {
display: false,
} ,
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END PARTNERS ***/
/****** START TOTAL SECTORS ***/
if($('#barChartTotalSectors').length > 0) {
var areaChartData = {
labels : [$labelsTotalSectors],
datasets: [
{
label : '',
backgroundColor: Object.values(CHART_COLORS),
pointRadius : true,
data : [ $totalsTotalSectors ]
},
]
}
var barChartCanvas = $('#barChartTotalSectors').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
barChartData.datasets[0] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
legend: {
display: false,
} ,
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
})
}
/****** END SECTORS ***/
/****** START TOTAL EXTEND TYPES ***/
if($('#barChartTotalStudentTypes').length > 0) {
var areaChartData = {
labels : [$labelsTotalStudentTypes],
datasets: [
{
label : '',
backgroundColor: Object.values(CHART_COLORS),
pointRadius : true,
data : [ $totalsTotalStudentTypes ]
},
]
}
var barChartCanvas = $('#barChartTotalStudentTypes').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
barChartData.datasets[0] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
plugins: {
legend: {
display: false,
} ,
datalabels: {
color: 'white',
labels: {
title: {
font: {
weight: 'bold',
}
},
}
},
tooltips: {
enabled: false,
},
},
}
new Chart(barChartCanvas, {
plugins: [ChartDataLabels],
type: 'bar',
data: barChartData,
options: barChartOptions
});
}
/****** END EXTEND TYPES ***/
});
JS;
$this->inlineScript()->captureEnd();
?>
<!-- Content Wrapper. Contains page content -->
<div class="">
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0">LABEL_OVERVIEW</h1>
</div><!-- /.col -->
<!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<!-- BAR CHART -->
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">LABEL_STUDENTS</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fa fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<div class="chart">
<canvas id="barChartStudents" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">
LABEL_GRAPH_LAST_WEEK_TITLE
</h3>
</div>
<div class="card-body">
<div class="row">
<div class="col-5 col-sm-3">
<div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="vert-tabs-last-week-company-tab" data-toggle="pill" href="#vert-tabs-last-week-general" role="tab" aria-controls="vert-tabs-last-week-general" aria-selected="true">LABEL_GENERAL</a>
<?php if(!empty($reportsLastWeek['companies'])) : ?>
<a class="nav-link" id="vert-tabs-last-week-company-tab" data-toggle="pill" href="#vert-tabs-last-week-company" role="tab" aria-controls="vert-tabs-last-week-company" aria-selected="true">LABEL_COMPANIES</a>
<?php endif;?>
<?php if(!empty($reportsLastWeek['functions'])) : ?>
<a class="nav-link" id="vert-tabs-last-week-function-tab" data-toggle="pill" href="#vert-tabs-last-week-function" role="tab" aria-controls="vert-tabs-last-week-function" aria-selected="false">LABEL_FUNCTIONS</a>
<?php endif;?>
<?php if(!empty($reportsLastWeek['groups'])) : ?>
<a class="nav-link" id="vert-tabs-last-week-group-tab" data-toggle="pill" href="#vert-tabs-last-week-group" role="tab" aria-controls="vert-tabs-last-week-group" aria-selected="false">LABEL_GROUPS</a>
<?php endif;?>
<?php if(!empty($reportsLastWeek['institutions'])) : ?>
<a class="nav-link" id="vert-tabs-last-week-institution-tab" data-toggle="pill" href="#vert-tabs-last-week-institution" role="tab" aria-controls="vert-tabs-last-week-institution" aria-selected="false">LABEL_INSTITUTIONS</a>
<?php endif;?>
<?php if(!empty($reportsLastWeek['programs'])) : ?>
<a class="nav-link" id="vert-tabs-last-week-program-tab" data-toggle="pill" href="#vert-tabs-last-week-program" role="tab" aria-controls="vert-tabs-last-week-function" aria-selected="false">LABEL_PROGRAMS</a>
<?php endif;?>
<?php if(!empty($reportsLastWeek['partners'])) : ?>
<a class="nav-link" id="vert-tabs-last-week-partner-tab" data-toggle="pill" href="#vert-tabs-last-week-partner" role="tab" aria-controls="vert-tabs-last-week-group" aria-selected="false">LABEL_PARTNERS</a>
<?php $active = ''; endif;?>
<?php if(!empty($reportsLastWeek['sectors'])) : ?>
<a class="nav-link" id="vert-tabs-last-week-sector-tab" data-toggle="pill" href="#vert-tabs-last-week-sector" role="tab" aria-controls="vert-tabs-last-week-institution" aria-selected="false">LABEL_SECTORS</a>
<?php endif;?>
<?php if(!empty($reportsLastWeek['student_types'])) : ?>
<a class="nav-link" id="vert-tabs-last-week-student-type-tab" data-toggle="pill" href="#vert-tabs-last-week-student-type" role="tab" aria-controls="vert-tabs-last-week-institution" aria-selected="false">LABEL_STUDENT_TYPES</a>
<?php endif;?>
</div>
</div>
<div class="col-7 col-sm-9">
<div class="tab-content" id="vert-tabs-tabContent">
<div class="tab-pane text-left fade show active" id="vert-tabs-last-week-general" role="tabpanel" aria-labelledby="vert-tabs-last-week-general-tab">
<div class="chart">
<canvas id="barChartLastWeekGeneral" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php if(!empty($reportsLastWeek['companies'])) : ?>
<div class="tab-pane text-left fade" id="vert-tabs-last-week-company" role="tabpanel" aria-labelledby="vert-tabs-last-week-company-tab">
<div class="chart">
<canvas id="barChartLastWeekCompanies" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsLastWeek['functions'])) : ?>
<div class="tab-pane fade" id="vert-tabs-last-week-function" role="tabpanel" aria-labelledby="vert-tabs-last-week-function-tab">
<div class="chart">
<canvas id="barChartLastWeekFunctions" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsLastWeek['groups'])) : ?>
<div class="tab-pane fade" id="vert-tabs-last-week-group" role="tabpanel" aria-labelledby="vert-tabs-last-week-group-tab">
<div class="chart">
<canvas id="barChartLastWeekGroups" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsLastWeek['institutions'])) : ?>
<div class="tab-pane fade" id="vert-tabs-last-week-institution" role="tabpanel" aria-labelledby="vert-tabs-last-week-institution-tab">
<div class="chart">
<canvas id="barChartLastWeekInstitutions" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsLastWeek['programs'])) : ?>
<div class="tab-pane fade" id="vert-tabs-last-week-program" role="tabpanel" aria-labelledby="vert-tabs-last-week-program-tab">
<div class="chart">
<canvas id="barChartLastWeekPrograms" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsLastWeek['partners'])) : ?>
<div class="tab-pane fade" id="vert-tabs-last-week-partner" role="tabpanel" aria-labelledby="vert-tabs-last-week-partner-tab">
<div class="chart">
<canvas id="barChartLastWeekPartners" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsLastWeek['sectors'])) : ?>
<div class="tab-pane fade" id="vert-tabs-last-week-sector" role="tabpanel" aria-labelledby="vert-tabs-last-week-sector-tab">
<div class="chart">
<canvas id="barChartLastWeekSectors" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsLastWeek['student_types'])) : ?>
<div class="tab-pane fade" id="vert-tabs-last-week-student-type" role="tabpanel" aria-labelledby="vert-tabs-last-week-student-type-tab">
<div class="chart">
<canvas id="barChartLastWeekStudentTypes" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
</div>
</div>
</div>
</div>
<!-- /.card -->
</div>
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">
LABEL_GRAPH_CAPSULE_RESUME_TITLE
</h3>
</div>
<div class="card-body">
<div class="row">
<div class="col-5 col-sm-3">
<div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="vert-tabs-capsule-resume-company-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-general" role="tab" aria-controls="vert-tabs-capsule-resume-general" aria-selected="true">LABEL_GENERAL</a>
<?php if(!empty($reportsCapsuleResume['companies'])) : ?>
<a class="nav-link" id="vert-tabs-capsule-resume-company-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-company" role="tab" aria-controls="vert-tabs-capsule-resume-company" aria-selected="true">LABEL_COMPANIES</a>
<?php endif;?>
<?php if(!empty($reportsCapsuleResume['functions'])) : ?>
<a class="nav-link" id="vert-tabs-capsule-resume-function-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-function" role="tab" aria-controls="vert-tabs-capsule-resume-function" aria-selected="false">LABEL_FUNCTIONS</a>
<?php endif;?>
<?php if(!empty($reportsCapsuleResume['groups'])) : ?>
<a class="nav-link" id="vert-tabs-capsule-resume-group-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-group" role="tab" aria-controls="vert-tabs-capsule-resume-group" aria-selected="false">LABEL_GROUPS</a>
<?php endif;?>
<?php if(!empty($reportsCapsuleResume['institutions'])) : ?>
<a class="nav-link" id="vert-tabs-capsule-resume-institution-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-institution" role="tab" aria-controls="vert-tabs-capsule-resume-institution" aria-selected="false">LABEL_INSTITUTIONS</a>
<?php endif;?>
<?php if(!empty($reportsCapsuleResume['programs'])) : ?>
<a class="nav-link" id="vert-tabs-capsule-resume-program-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-program" role="tab" aria-controls="vert-tabs-capsule-resume-function" aria-selected="false">LABEL_PROGRAMS</a>
<?php endif;?>
<?php if(!empty($reportsCapsuleResume['partners'])) : ?>
<a class="nav-link" id="vert-tabs-capsule-resume-partner-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-partner" role="tab" aria-controls="vert-tabs-capsule-resume-group" aria-selected="false">LABEL_PARTNERS</a>
<?php $active = ''; endif;?>
<?php if(!empty($reportsCapsuleResume['sectors'])) : ?>
<a class="nav-link" id="vert-tabs-capsule-resume-sector-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-sector" role="tab" aria-controls="vert-tabs-capsule-resume-institution" aria-selected="false">LABEL_SECTORS</a>
<?php endif;?>
<?php if(!empty($reportsCapsuleResume['student_types'])) : ?>
<a class="nav-link" id="vert-tabs-capsule-resume-student-type-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-student-type" role="tab" aria-controls="vert-tabs-capsule-resume-institution" aria-selected="false">LABEL_STUDENT_TYPES</a>
<?php endif;?>
</div>
</div>
<div class="col-7 col-sm-9">
<div class="tab-content" id="vert-tabs-tabContent">
<div class="tab-pane text-left fade show active" id="vert-tabs-capsule-resume-general" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-general-tab">
<div class="chart">
<canvas id="barChartCapsuleResumeGeneral" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php if(!empty($reportsCapsuleResume['companies'])) : ?>
<div class="tab-pane text-left fade" id="vert-tabs-capsule-resume-company" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-company-tab">
<div class="chart">
<canvas id="barChartCapsuleResumeCompanies" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsCapsuleResume['functions'])) : ?>
<div class="tab-pane fade" id="vert-tabs-capsule-resume-function" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-function-tab">
<div class="chart">
<canvas id="barChartCapsuleResumeFunctions" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsCapsuleResume['groups'])) : ?>
<div class="tab-pane fade" id="vert-tabs-capsule-resume-group" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-group-tab">
<div class="chart">
<canvas id="barChartCapsuleResumeGroups" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsCapsuleResume['institutions'])) : ?>
<div class="tab-pane fade" id="vert-tabs-capsule-resume-institution" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-institution-tab">
<div class="chart">
<canvas id="barChartCapsuleResumeInstitutions" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsCapsuleResume['programs'])) : ?>
<div class="tab-pane fade" id="vert-tabs-capsule-resume-program" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-program-tab">
<div class="chart">
<canvas id="barChartCapsuleResumePrograms" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsCapsuleResume['partners'])) : ?>
<div class="tab-pane fade" id="vert-tabs-capsule-resume-partner" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-partner-tab">
<div class="chart">
<canvas id="barChartCapsuleResumePartners" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsCapsuleResume['sectors'])) : ?>
<div class="tab-pane fade" id="vert-tabs-capsule-resume-sector" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-sector-tab">
<div class="chart">
<canvas id="barChartCapsuleResumeSectors" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
<?php if(!empty($reportsCapsuleResume['student_types'])) : ?>
<div class="tab-pane fade" id="vert-tabs-capsule-resume-student-type" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-student-type-tab">
<div class="chart">
<canvas id="barChartCapsuleResumeStudentTypes" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php endif;?>
</div>
</div>
</div>
</div>
<!-- /.card -->
</div>
<?php
if(!empty($reportsStudentsTotal['companies'])
|| !empty($reportsStudentsTotal['functions'])
|| !empty($reportsStudentsTotal['groups'])
|| !empty($reportsStudentsTotal['institutions'])
|| !empty($reportsStudentsTotal['programs'])
|| !empty($reportsStudentsTotal['partners'])
|| !empty($reportsStudentsTotal['sectors'])
|| !empty($reportsStudentsTotal['student_types'])
) :
?>
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">
LABEL_GRAPH_TOTAL_TITLE
</h3>
</div>
<div class="card-body">
<div class="row">
<div class="col-5 col-sm-3">
<div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab" role="tablist" aria-orientation="vertical">
<?php $active = 'active'; ?>
<?php if(!empty($reportsStudentsTotal['companies'])) : ?>
<a class="nav-link <?php echo $active ?>" id="vert-tabs-total-company-tab" data-toggle="pill" href="#vert-tabs-total-company" role="tab" aria-controls="vert-tabs-total-company" aria-selected="true">LABEL_COMPANIES</a>
<?php $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['functions'])) : ?>
<a class="nav-link <?php echo $active ?>" id="vert-tabs-total-function-tab" data-toggle="pill" href="#vert-tabs-total-function" role="tab" aria-controls="vert-tabs-total-function" aria-selected="false">LABEL_FUNCTIONS</a>
<?php $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['groups'])) : ?>
<a class="nav-link <?php echo $active ?>" id="vert-tabs-total-group-tab" data-toggle="pill" href="#vert-tabs-total-group" role="tab" aria-controls="vert-tabs-total-group" aria-selected="false">LABEL_GROUPS</a>
<?php $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['institutions'])) : ?>
<a class="nav-link <?php echo $active ?>" id="vert-tabs-total-institution-tab" data-toggle="pill" href="#vert-tabs-total-institution" role="tab" aria-controls="vert-tabs-total-institution" aria-selected="false">LABEL_INSTITUTIONS</a>
<?php $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['programs'])) : ?>
<a class="nav-link <?php echo $active ?>" id="vert-tabs-total-program-tab" data-toggle="pill" href="#vert-tabs-total-program" role="tab" aria-controls="vert-tabs-total-function" aria-selected="false">LABEL_PROGRAMS</a>
<?php $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['partners'])) : ?>
<a class="nav-link <?php echo $active ?>" id="vert-tabs-total-partner-tab" data-toggle="pill" href="#vert-tabs-total-partner" role="tab" aria-controls="vert-tabs-total-group" aria-selected="false">LABEL_PARTNERS</a>
<?php $active = ''; $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['sectors'])) : ?>
<a class="nav-link <?php echo $active ?>" id="vert-tabs-total-sector-tab" data-toggle="pill" href="#vert-tabs-total-sector" role="tab" aria-controls="vert-tabs-total-institution" aria-selected="false">LABEL_SECTORS</a>
<?php $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['student_types'])) : ?>
<a class="nav-link <?php echo $active ?>" id="vert-tabs-total-student-type-tab" data-toggle="pill" href="#vert-tabs-total-student-type" role="tab" aria-controls="vert-tabs-total-institution" aria-selected="false">LABEL_STUDENT_TYPES</a>
<?php $active = ''; endif;?>
</div>
</div>
<div class="col-7 col-sm-9">
<div class="tab-content" id="vert-tabs-tabContent">
<?php $active = 'show active' ; ?>
<?php if(!empty($reportsStudentsTotal['companies'])) : ?>
<div class="tab-pane text-left fade <?php echo $active ?>" id="vert-tabs-total-company" role="tabpanel" aria-labelledby="vert-tabs-total-company-tab">
<div class="chart">
<canvas id="barChartTotalCompanies" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['functions'])) : ?>
<div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-function" role="tabpanel" aria-labelledby="vert-tabs-total-function-tab">
<div class="chart">
<canvas id="barChartTotalFunctions" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['groups'])) : ?>
<div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-group" role="tabpanel" aria-labelledby="vert-tabs-total-group-tab">
<div class="chart">
<canvas id="barChartTotalGroups" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['institutions'])) : ?>
<div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-institution" role="tabpanel" aria-labelledby="vert-tabs-total-institution-tab">
<div class="chart">
<canvas id="barChartTotalInstitutions" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['programs'])) : ?>
<div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-program" role="tabpanel" aria-labelledby="vert-tabs-total-program-tab">
<div class="chart">
<canvas id="barChartTotalPrograms" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['partners'])) : ?>
<div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-partner" role="tabpanel" aria-labelledby="vert-tabs-total-partner-tab">
<div class="chart">
<canvas id="barChartTotalPartners" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['sectors'])) : ?>
<div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-sector" role="tabpanel" aria-labelledby="vert-tabs-total-sector-tab">
<div class="chart">
<canvas id="barChartTotalSectors" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php $active = ''; endif;?>
<?php if(!empty($reportsStudentsTotal['student_types'])) : ?>
<div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-student-type" role="tabpanel" aria-labelledby="vert-tabs-total-student-type-tab">
<div class="chart">
<canvas id="barChartTotalStudentTypes" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
</div>
</div>
<?php $active = ''; endif;?>
</div>
</div>
</div>
</div>
<!-- /.card -->
</div>
<?php endif; ?>
</div>
</section>
<!-- /.content -->
</div>