Ngiler SH3LL 360
Home
Information
Create File
Create Folder
:
/
home
/
tbf
/
tbf.ro
/
razvan
/
dist_old
/
js
/
Information Server
MySQL :
OFF
Perl :
OFF
CURL :
ON
WGET :
OFF
PKEXEC :
OFF
Directive
Local Value
IP Address
89.40.16.97
System
Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User
tbf
PHP Version
7.3.33
Software
Apache
Doc root
Writable
close
Edit File :
charts.js
| Size :
89.03
KB
Copy
// Registering the plugin Chart.register(ChartDataLabels); // CULORI pentru NEVOIA DE CLARITATE A ROLULUI ÎN ORGANIZAȚIE let culoare_bar_chart = '#fec710'; let culoare_label_interior_bar_chart = '#fff'; let culoare_bar_chart1_1 = '#fec710'; let culoare_label_interior_bar_chart1_1 = '#fff'; let culoare_bar_chart1_2 = '#fec710'; let culoare_label_interior_bar_chart1_2 = '#fff'; // CLARITATEA PERCEPUTĂ LA LOCUL DE MUNCĂ let culoare_bar_chart2 = '#fec710'; let culoare_label_interior_bar_chart2 = '#fff'; let culoare_bar_chart2_1 = '#fec710'; let culoare_label_interior_bar_chart2_1 = '#fff'; let culoare_bar_chart2_2 = '#fec710'; let culoare_label_interior_bar_chart2_2 = '#fff'; // NEDREPTATEA PERCEPUTĂ LA LOCUL DE MUNCĂ let culoare_bar_chart3 = '#fec710'; let culoare_label_interior_bar_chart3 = '#fff'; let culoare_bar_chart3_1 = '#fec710'; let culoare_label_interior_bar_chart3_1 = '#fff'; let culoare_bar_chart3_2 = '#fec710'; let culoare_label_interior_bar_chart3_2 = '#fff'; // CUNOAȘTEREA RESPONSABILITĂȚILOR LA MUNCĂ: SURSE DE INFORMARE let culoare_bar_chart4 = ["#fec710", "#fec710", "#fec710", "#fec710", "#fec710", "#fec710", '#5b5b5b', '#5b5b5b']; let culoare_label_interior_bar_chart4 = '#fff'; // CONSECINȚE ALE NEÎNDEPLINIRII RESPONSABILITĂȚILOR let culoare_bar_chart5 = ["#fec710", "#fec710", "#fec710", "#fec710", "#5b5b5b", "#fec710", '#fec710', '#fec710']; let culoare_label_interior_bar_chart5 = '#fff'; // DELEGAREA ȘI PRIMIREA SARCINILOR: ANGAJAȚI VS. MANAGERI let culoare_bar_chart6_1 = '#fec710'; let culoare_label_interior_bar_chart6_1 = '#fff'; let culoare_bar_chart6_2 = '#fec710'; let culoare_label_interior_bar_chart6_2 = '#fff'; // OBIECTIVE DE COMPANIE: FRECVENȚĂ STABILIRE let valori_chart7 = [ { label: 'Lunar', data: [46], backgroundColor: 'rgb(0, 116, 123)', }, { label: 'Trimestrial', data: [14], backgroundColor: 'rgb(0, 145, 158)', }, { label: 'Semestrial', data: [9], backgroundColor: 'rgb(0, 192, 205)', }, { label: 'Anual sau mai rar', data: [20], backgroundColor: 'rgb(255, 209, 80)', }, { label: 'Niciodata', data: [11], backgroundColor: 'rgb(174, 174, 174)', } ]; let culoare_label_interior_bar_chart7 = '#fff'; // OBIECTIVE DE COMPANIE: ABORDARE FOLOSITĂ let culoare_bar_chart8 = ["#fec710", "#fec710", "#fec710", "#5b5b5b", "#fec710", "#5b5b5b"]; let culoare_label_interior_bar_chart8 = '#fff'; // PERCEPȚII DESPRE EVALUĂRILE DE PERFORMANȚĂ let culoare_bar_chart9 = '#fec710'; let culoare_label_interior_bar_chart9 = '#fff'; let culoare_bar_chart9_1 = '#fec710'; let culoare_label_interior_bar_chart9_1 = '#fff'; let culoare_bar_chart9_2 = '#fec710'; let culoare_label_interior_bar_chart9_2 = '#fff'; // CRITERII DE PERFORMANȚĂ: Definition of done // FRECVENȚA EVALUĂRILOR DE PERFORMANȚĂ ÎN GENERAL let valori_chart11 = [ { label: 'Săptămânal', data: [19], backgroundColor: 'rgb(0, 116, 123)', }, { label: 'Bilunar', data: [3], backgroundColor: 'rgb(0, 145, 158)', }, { label: 'Lunar', data: [17], backgroundColor: 'rgb(0, 192, 205)', }, { label: 'Trimestrial', data: [12], backgroundColor: 'rgb(249, 182, 17)', }, { label: 'Semestrial', data: [7], backgroundColor: 'rgb(255, 209, 80)', }, { label: 'Anual sau mai rar', data: [31], backgroundColor: 'rgb(255, 223, 138)', }, { label: 'Niciodata', data: [11], backgroundColor: 'rgb(174, 174, 174)', } ]; let culoare_label_interior_bar_chart11 = '#fff'; let valori_chart11_1 = [ { label: 'Săptămânal', data: [24], backgroundColor: 'rgb(0, 116, 123)', }, { label: 'Bilunar', data: [3], backgroundColor: 'rgb(0, 145, 158)', }, { label: 'Lunar', data: [22], backgroundColor: 'rgb(0, 192, 205)', }, { label: 'Trimestrial', data: [16], backgroundColor: 'rgb(249, 182, 17)', }, { label: 'Semestrial', data: [8], backgroundColor: 'rgb(255, 209, 80)', }, { label: 'Anual sau mai rar', data: [17], backgroundColor: 'rgb(255, 223, 138)', }, { label: 'Niciodata', data: [11], backgroundColor: 'rgb(174, 174, 174)', } ]; // CEA MAI RECENTĂ EVALUARE DE PERFORMANȚĂ let culoare_label_interior_bar_chart13 = '#fff'; let valori_chart13 = [ { label: 'Acum 1-3 săptămâni', data: [35], backgroundColor: 'rgb(0, 145, 158)', }, { label: 'Acum o lună', data: [17], backgroundColor: 'rgb(0, 192, 206)', }, { label: 'Acum 2-3 luni', data: [25], backgroundColor: 'rgb(249, 182, 17)', }, { label: 'Acum mai mult de 3 luni', data: [9], backgroundColor: 'rgb(255, 209, 80)', }, { label: 'Nu mai țin minte', data: [12], backgroundColor: 'rgb(174, 174, 174)', } ]; let valori_chart13_1 = [ { label: 'Acum 1-3 săptămâni', data: [28], backgroundColor: 'rgb(0, 145, 158)', }, { label: 'Acum o lună', data: [21], backgroundColor: 'rgb(0, 192, 206)', }, { label: 'Acum 2-3 luni', data: [31], backgroundColor: 'rgb(249, 182, 17)', }, { label: 'Acum mai mult de 3 luni', data: [11], backgroundColor: 'rgb(255, 209, 80)', }, { label: 'Nu mai țin minte', data: [8], backgroundColor: 'rgb(174, 174, 174)', } ]; // FRECVENȚA DE BONUSARE ÎN ORGANIZAȚII let culoare_label_interior_bar_chart15 = '#fff'; let valori_chart15 = [ { label: 'Lunar', data: [17], backgroundColor: 'rgb(0, 116, 123)', }, { label: 'Trimestrial', data: [8], backgroundColor: 'rgb(0, 145, 158)', }, { label: 'Semestrial', data: [5], backgroundColor: 'rgb(0, 192, 205)', }, { label: 'Anual', data: [12], backgroundColor: 'rgb(249, 182, 17)', }, { label: 'Mai rar de o dată pe an', data: [2], backgroundColor: 'rgb(255, 209, 80)', }, { label: 'Ocazional', data: [21], backgroundColor: 'rgb(255, 223, 138)', }, { label: 'Nu primesc bonusuri la locul de muncă actual', data: [32], backgroundColor: 'rgb(174, 174, 174)', } ]; let valori_chart15_1 = [ { label: 'Lunar', data: [15], backgroundColor: 'rgb(0, 116, 123)', }, { label: 'Trimestrial', data: [14], backgroundColor: 'rgb(0, 145, 158)', }, { label: 'Semestrial', data: [7], backgroundColor: 'rgb(0, 192, 205)', }, { label: 'Anual', data: [18], backgroundColor: 'rgb(249, 182, 17)', }, { label: 'Mai rar de o dată pe an', data: [1], backgroundColor: 'rgb(255, 209, 80)', }, { label: 'Ocazional', data: [19], backgroundColor: 'rgb(255, 223, 138)', }, { label: 'Nu primesc bonusuri la locul de muncă actual', data: [24], backgroundColor: 'rgb(174, 174, 174)', } ]; // ULTIMA PROMOVARE: CÂND A AVUT LOC let culoare_label_interior_bar_chart17 = '#000'; let valori_chart17 = [ { label: 'Acum mai puțin de 3 luni', data: [8], backgroundColor: 'rgb(0, 116, 123)', }, { label: 'Acum jumătate de an', data: [6], backgroundColor: 'rgb(0, 145, 158)', }, { label: 'Acum un an', data: [8], backgroundColor: 'rgb(0, 192, 205)', }, { label: 'Acum mai mult de un an', data: [15], backgroundColor: 'rgb(249, 182, 17)', }, { label: 'Am refuzat recent o promovare', data: [3], backgroundColor: 'rgb(255, 209, 80)', }, { label: 'Nu se aplica', data: [21], backgroundColor: 'rgb(174, 174, 174)', }, { label: 'Nu am beneficiat de o promovare la actuala companie', data: [39], backgroundColor: 'rgb(197, 197, 197)', } ]; let valori_chart17_1 = [ { label: 'Acum mai puțin de 3 luni', data: [8], backgroundColor: 'rgb(0, 116, 123)', }, { label: 'Acum jumătate de an', data: [9], backgroundColor: 'rgb(0, 145, 158)', }, { label: 'Acum un an', data: [11], backgroundColor: 'rgb(0, 192, 205)', }, { label: 'Acum mai mult de un an', data: [28], backgroundColor: 'rgb(249, 182, 17)', }, { label: 'Am refuzat recent o promovare', data: [1], backgroundColor: 'rgb(255, 209, 80)', }, { label: 'Nu se aplica', data: [18], backgroundColor: 'rgb(174, 174, 174)', }, { label: 'Nu am beneficiat de o promovare la actuala companie', data: [25], backgroundColor: 'rgb(197, 197, 197)', } ]; // ULTIMA PROMOVARE: INCIDENȚĂ PERIOADĂ DE PROBĂ let culoare_label_interior_bar_chart18 = '#000'; let valori_chart18 = [ { label: 'Da, 1 lună', data: [16], backgroundColor: 'rgb(0, 145, 158)', }, { label: 'Da, 2 luni', data: [3], backgroundColor: 'rgb(0, 193, 205)', }, { label: 'Da, 3 luni', data: [10], backgroundColor: 'rgb(249, 182, 17)', }, { label: 'Da, mai mult de 3 luni', data: [1], backgroundColor: 'rgb(249, 211, 103)', }, { label: 'Nu mai țin minte', data: [10], backgroundColor: 'rgb(174, 174, 174)', }, { label: 'Nu am avut o perioadă de probă', data: [58], backgroundColor: 'rgb(197, 197, 197)', } ]; let valori_chart18_1 = [ { label: 'Da, 1 lună', data: [9], backgroundColor: 'rgb(0, 145, 158)', }, { label: 'Da, 2 luni', data: [1], backgroundColor: 'rgb(0, 193, 205)', }, { label: 'Da, 3 luni', data: [18], backgroundColor: 'rgb(249, 182, 17)', }, { label: 'Da, mai mult de 3 luni', data: [1], backgroundColor: 'rgb(249, 211, 103)', }, { label: 'Nu mai țin minte', data: [9], backgroundColor: 'rgb(174, 174, 174)', }, { label: 'Nu am avut o perioadă de probă', data: [63], backgroundColor: 'rgb(197, 197, 197)', } ]; // ULTIMA PROMOVARE: BARIERE let culoare_bar_chart20 = ["#fec710", "#fec710", "#fec710", "#fec710", "#fec710", "#fec710", "#5b5b5b", "#fec710", "#fec710",]; let culoare_label_interior_bar_chart20 = '#fff'; // PARTICIPAREA LA SESIUNI DE TRAINING: FRECVENȚĂ let culoare_label_interior_bar_chart22 = '#fff'; let valori_chart22 = [ { label: 'Săptămânal', data: [6], backgroundColor: 'rgb(0, 145, 158)', }, { label: 'Bilunar (de 2 ori pe lună)', data: [4], backgroundColor: 'rgb(0, 193, 205)', }, { label: 'Lunar', data: [11], backgroundColor: 'rgb(249, 182, 17)', }, { label: 'Trimestrial', data: [18], backgroundColor: 'rgb(249, 211, 103)', }, { label: 'Niciodată', data: [43], backgroundColor: 'rgb(174, 174, 174)', }, { label: 'Nu știu / Nu se aplică', data: [18], backgroundColor: 'rgb(197, 197, 197)', } ]; // SATISFACȚIA LA LOCUL DE MUNCĂ let culoare_bar_chart25 = '#fec710'; let culoare_label_interior_bar_chart25 = '#fff'; let culoare_bar_chart25_1 = '#fec710'; let culoare_label_interior_bar_chart25_1 = '#fff'; let culoare_bar_chart25_2 = '#fec710'; let culoare_label_interior_bar_chart25_2 = '#fff'; ////////////////////// let delayed = false; // Move this outside the function to maintain its state across calls function createAnimationConfig() { delayed = false; // Reset delayed to false each time function is called return { onComplete: () => { delayed = true; }, delay: (context) => { let delay = 0; if (context.type === 'data' && context.mode === 'default' && !delayed) { delay = context.dataIndex * 300 + context.datasetIndex * 100; } return delay; }, }; } // NEVOIA DE CLARITATE A ROLULUI ÎN ORGANIZAȚIE var ctx1 = document.getElementById('comparisonChart1').getContext('2d'); var comparisonChart1 = new Chart(ctx1, { type: 'bar', data: { labels: ['Proceduri', 'Criterii de performanta', 'Responsabilitati', 'Autonomie la job', 'Consecinte / recompense'], datasets: [ { label: 'Valoare medie', data: [9.5, 9.5, 9.4, 8.9, 8.6], backgroundColor: culoare_bar_chart, borderColor: culoare_bar_chart, borderWidth: 1 } ] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); var ctx1_1 = document.getElementById('comparisonChart1_1').getContext('2d'); var comparisonChart1_1 = new Chart(ctx1_1, { type: 'bar', data: { labels: ['Proceduri', 'Criterii de performanta', 'Responsabilitati', 'Autonomie la job', 'Consecinte / recompense'], datasets: [{ label: 'Angajati', data: [9.6, 9.5, 9.5, 8.9, 8.6], backgroundColor: culoare_bar_chart1_1, borderColor: culoare_bar_chart1_1, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart1_1, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); var ctx1_2 = document.getElementById('comparisonChart1_2').getContext('2d'); var comparisonChart1_2 = new Chart(ctx1_2, { type: 'bar', data: { labels: ['Proceduri', 'Criterii de performanta', 'Responsabilitati', 'Autonomie la job', 'Consecinte / recompense'], datasets: [{ label: 'Manageri', data: [9.3, 9.4, 9.2, 8.8, 8.7], backgroundColor: culoare_bar_chart1_2, borderColor: culoare_bar_chart1_2, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart1_2, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); // CLARITATEA PERCEPUTĂ LA LOCUL DE MUNCĂ var ctx = document.getElementById('comparisonChart2').getContext('2d'); var comparisonChart2 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Știu exact cui', 'trebuie să îi', 'raportez'], ['Îmi este clar ce', 'se așteaptă de la', 'mine la job'], ['Știu exact care', 'este viziunea companiei', 'la care lucrez'], ['Există proceduri pentru', 'a gestiona orice', 'apare'], ['La muncă am de-a face', 'cu cerințe', 'contradictorii'], ['Nu am niciodată destul', 'timp să termin tot ce', 'am de făcut la job'], ['Îmi e greu să obțin', 'informațiile de care am', 'nevoie să îmi fac treaba bine'] ], datasets: [{ label: 'Valoare medie', data: [9.6, 9.3, 8.8, 8.0, 6.0, 5.5, 4.3], backgroundColor: culoare_bar_chart2, borderColor: culoare_bar_chart2, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart2, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart2_1').getContext('2d'); var comparisonChart2_1 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Știu exact cui', 'trebuie să îi', 'raportez'], ['Îmi este clar ce', 'se așteaptă de la', 'mine la job'], ['Știu exact care', 'este viziunea companiei', 'la care lucrez'], ['Există proceduri pentru', 'a gestiona orice', 'apare'], ['La muncă am de-a face', 'cu cerințe', 'contradictorii'], ['Nu am niciodată destul', 'timp să termin tot ce', 'am de făcut la job'], ['Îmi e greu să obțin', 'informațiile de care am', 'nevoie să îmi fac treaba bine'] ], datasets: [{ label: 'Valoare medie', data: [9.6, 9.3, 8.8, 8.2, 6.0, 5.6, 4.3], backgroundColor: culoare_bar_chart2_1, borderColor: culoare_bar_chart2_1, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart2_1, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart2_2').getContext('2d'); var comparisonChart2_2 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Știu exact cui', 'trebuie să îi', 'raportez'], ['Îmi este clar ce', 'se așteaptă de la', 'mine la job'], ['Știu exact care', 'este viziunea companiei', 'la care lucrez'], ['Există proceduri pentru', 'a gestiona orice', 'apare'], ['La muncă am de-a face', 'cu cerințe', 'contradictorii'], ['Nu am niciodată destul', 'timp să termin tot ce', 'am de făcut la job'], ['Îmi e greu să obțin', 'informațiile de care am', 'nevoie să îmi fac treaba bine'] ], datasets: [{ label: 'Valoare medie', data: [9.4, 9.0, 8.5, 7.1, 5.5, 5.3, 4.3], backgroundColor: culoare_bar_chart2_2, borderColor: culoare_bar_chart2_2, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart2_2, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); // NEDREPTATEA PERCEPUTĂ LA LOCUL DE MUNCĂ var ctx = document.getElementById('comparisonChart3').getContext('2d'); var comparisonChart3 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Am colegi care', 'muncesc mai puțin,', 'însă sunt plătiți', 'mai mult decât mine'], ['Am colegi care', 'au fost promovați,', 'chiar dacă nu meritau'] ], datasets: [{ label: 'Valoare medie', data: [6.4, 6.1], backgroundColor: culoare_bar_chart3, borderColor: culoare_bar_chart3, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 50, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1, }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart3, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } } } }); var ctx = document.getElementById('comparisonChart3_1').getContext('2d'); var comparisonChart3_1 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Am colegi care', 'muncesc mai puțin,', 'însă sunt plătiți', 'mai mult decât mine'], ['Am colegi care', 'au fost promovați,', 'chiar dacă nu meritau'] ], datasets: [{ label: 'Valoare medie', data: [6.6, 6.2], backgroundColor: culoare_bar_chart3_1, borderColor: culoare_bar_chart3_1, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 50, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart3_1, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart3_2').getContext('2d'); var comparisonChart3_2 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Am colegi care', 'muncesc mai puțin,', 'însă sunt plătiți', 'mai mult decât mine'], ['Am colegi care', 'au fost promovați,', 'chiar dacă nu meritau'] ], datasets: [{ label: 'Valoare medie', data: [6.1, 5.6], backgroundColor: culoare_bar_chart3_2, borderColor: culoare_bar_chart3_2, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 50, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart3_2, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); // CUNOAȘTEREA RESPONSABILITĂȚILOR LA MUNCĂ: SURSE DE INFORMARE var ctx = document.getElementById('comparisonChart4').getContext('2d'); var comparisonChart4 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Comunic cu', 'managerul direct'], ['Particip la', 'ședințe de', 'clarificare, în echipă'], ['Consult fișa', 'postului primită', 'la angajare'], ['Particip la', 'sesiuni interne', 'de training despre', 'responsabilități'], ['Am acces la', 'o platformă', 'online cu responsabilități'], ['Primesc lunar', 'o listă', 'detaliată de la', 'managerul direct'], ['Întreb colegii', 'care au ocupat', 'anterior aceeași poziție'], ['Altfel'], ['Nu știu care', 'îmi sunt responsabilitățile'] ], datasets: [{ label: 'Valoare medie', data: [58, 37, 32, 14, 12, 9, 9, 7, 1], backgroundColor: culoare_bar_chart4, borderColor: culoare_bar_chart4, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 60, ticks: { stepSize: 10 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart4, anchor: 'end', align: 'right', offset: -40 }, legend: { display: false, position: 'bottom' } }, animation: createAnimationConfig(), } }); // CONSECINȚE ALE NEÎNDEPLINIRII RESPONSABILITĂȚILOR var ctx = document.getElementById('comparisonChart5').getContext('2d'); var comparisonChart5 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Explic situația', 'și găsesc o soluție', 'cu echipa / superiorul'], ['Îmi asum', 'consecințele și încerc', 'să repar orice daune', 'cauzate'], ['Primesc un termen', 'pentru a îndeplini', 'responsabilitatea'], ['Primesc un avertisment', 'verbal / scris'], ['Nu se întâmplă', 'nimic'], ['Mi se oferă coaching', '/ mentorat pentru a', 'îmi îmbunătăți performanța'], ['Primesc o penalizare', 'financiară'], ['Este pusă în discuție', 'continuarea colaborării', 'cu compania'] ], datasets: [{ label: 'Valoare medie', data: [42, 37, 29, 21, 9, 8, 5, 2], backgroundColor: culoare_bar_chart5, borderColor: culoare_bar_chart5, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 50, ticks: { stepSize: 10 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart5, anchor: 'end', align: 'right', offset: -40 }, legend: { display: false, position: 'bottom' } }, animation: createAnimationConfig(), } }); // DELEGAREA ȘI PRIMIREA SARCINILOR: ANGAJAȚI VS. MANAGERI var ctx = document.getElementById('comparisonChart6_1').getContext('2d'); var comparisonChart6_1 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Rezultat așteptat', 'clar definit'], ['Termen limită', 'clar stabilit'], ['Evaluare periodică', 'a progresului'] ], datasets: [{ label: 'Angajati', data: [9.0, 8.9, 8.1], backgroundColor: culoare_bar_chart6_1, borderColor: culoare_bar_chart6_1, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart6_1, anchor: 'end', align: 'right', offset: -40 }, legend: { display: false } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart6_2').getContext('2d'); var comparisonChart6_2 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Rezultat așteptat', 'clar definit'], ['Termen limită', 'clar stabilit'], ['Evaluare periodică', 'a progresului'] ], datasets: [{ label: 'Manageri & Antreprenori', data: [8.8, 8.9, 8.6], backgroundColor: culoare_bar_chart6_2, borderColor: culoare_bar_chart6_2, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart6_2, anchor: 'end', align: 'right', offset: -40 }, legend: { display: false } }, animation: createAnimationConfig(), } }); // OBIECTIVE DE COMPANIE: FRECVENȚĂ STABILIRE var ctx = document.getElementById('comparisonChart7').getContext('2d'); var comparisonChart7 = new Chart(ctx, { type: 'bar', data: { labels: ['Frequency'], datasets: valori_chart7 }, options: { indexAxis: 'y', scales: { x: { beginAtZero: true, stacked: true, ticks: { display: false //this will remove only the label }, max: 100, grid: { display: false } }, y: { stacked: true, ticks: { display: false //this will remove only the label }, grid: { display: false } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart7 }, legend: { display: true, position: 'bottom' } } , animation: createAnimationConfig(), } }); // OBIECTIVE DE COMPANIE: ABORDARE FOLOSITĂ var ctx = document.getElementById('comparisonChart8').getContext('2d'); var comparisonChart8 = new Chart(ctx, { type: 'bar', data: { labels: [ 'SMART', ['Balanced','Scorecard'], 'OKR', ['Organizația', 'nu folosește', 'obiective'], 'MBO', 'Altfel de obiective' ], datasets: [{ label: 'Valoare medie', data: [48,15,11,10,9,4], backgroundColor: culoare_bar_chart8, borderColor: culoare_bar_chart8, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 60, ticks: { stepSize: 10 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart8, anchor: 'end', align: 'right', offset: -40 }, legend: { display: false, position: 'bottom' } }, animation: createAnimationConfig(), } }); // PERCEPȚII DESPRE EVALUĂRILE DE PERFORMANȚĂ var ctx = document.getElementById('comparisonChart9').getContext('2d'); var comparisonChart9 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Sunt necesare', 'pentru dezvoltarea', 'angajaților'], ['Ar trebui să fie', 'mai frecvente și mai', 'detaliate pentru ca angajații', 'să știe exact ce pot îmbunătăți'], ['Sunt uneori folosite', 'ca justificare pentru', 'decizii deja luate'], ['Sunt subiective, în funcție', 'de preferințele și părerile', 'managerilor'] ], datasets: [{ label: 'Valoare medie', data: [8.7, 8.3, 7.5, 7.0], backgroundColor: culoare_bar_chart9, borderColor: culoare_bar_chart9, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart9, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart9_1').getContext('2d'); var comparisonChart9_1 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Sunt necesare', 'pentru dezvoltarea', 'angajaților'], ['Ar trebui să fie', 'mai frecvente și mai', 'detaliate pentru ca angajații', 'să știe exact ce pot îmbunătăți'], ['Sunt uneori folosite', 'ca justificare pentru', 'decizii deja luate'], ['Sunt subiective, în funcție', 'de preferințele și părerile', 'managerilor'] ], datasets: [{ label: 'Angajați', data: [8.7, 8.4, 7.6, 7.2], backgroundColor: culoare_bar_chart9_1, borderColor: culoare_bar_chart9_1, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart9_1, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart9_2').getContext('2d'); var comparisonChart9_2 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Sunt necesare', 'pentru dezvoltarea', 'angajaților'], ['Ar trebui să fie', 'mai frecvente și mai', 'detaliate pentru ca angajații', 'să știe exact ce pot îmbunătăți'], ['Sunt uneori folosite', 'ca justificare pentru', 'decizii deja luate'], ['Sunt subiective, în funcție', 'de preferințele și părerile', 'managerilor'] ], datasets: [{ label: 'Manageri', data: [8.6, 7.8, 7.1, 6.2], backgroundColor: culoare_bar_chart9_2, borderColor: culoare_bar_chart9_2, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart9_2, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); // CRITERII DE PERFORMANȚĂ: Definition of done let culoare_bar_chart10_negative = '#fec710'; let culoare_bar_chart10_pozitive = '#5b5b5b'; let culoare_label_interior_bar_chart10 = '#fff'; var ctx = document.getElementById('comparisonChart10').getContext('2d'); var comparisonChart10 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Feedback', 'regulat'], ['Evaluările periodice', 'de performanță'], ['Sarcini /', 'responsabilități suplimentare'], ['Recompense (inclusiv', 'financiare)'], ['Sentimentul personal', 'de împlinire'], ['Recunoaștere / laude', 'pentru muncă'], ['Productivitatea', 'percepută'], ['Impactul pozitiv', 'asupra echipei sau', 'organizației'] ], datasets: [{ label: 'Angajati', data: [-39,-26,-23,-18,-39,-32,-29,-23], backgroundColor: culoare_bar_chart10_negative, borderColor: culoare_bar_chart10_negative, borderWidth: 1, stack: 'Stack 0' },{ label: 'Manageri', data: [47,39,16,15,0,52,43,0], backgroundColor: culoare_bar_chart10_pozitive, borderColor: culoare_bar_chart10_pozitive, borderWidth: 1, stack: 'Stack 0' }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, // Makes the chart horizontal scales: { x: { min: -100, // Minimum value for the x-axis max: 100, // Maximum value for the x-axis stacked: false, ticks: { stepSize: 10, display: false }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: (context) => { if(context.dataset.data[context.dataIndex] > 10){ return culoare_label_interior_bar_chart10; } if(context.dataset.data[context.dataIndex] < -10){ return culoare_label_interior_bar_chart10; } return 'black'; }, formatter: (value, context) => { return context.dataset.data[context.dataIndex] == 0 ? '' : Math.abs(value)+"%" }, anchor: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'end' : 'start' }, align: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'left' : 'right'; }, offset: (context) => { console.log(context.dataset.data[context.dataIndex]); if(context.dataset.data[context.dataIndex] > 10){ return 5; } if(context.dataset.data[context.dataIndex] > 0 && context.dataset.data[context.dataIndex] <= 10){ return -30; } if(context.dataset.data[context.dataIndex] > -10 && context.dataset.data[context.dataIndex] <= 0){ return -30; } if(context.dataset.data[context.dataIndex] < 0){ return 0; }; }, clip: false }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // FRECVENȚA EVALUĂRILOR DE PERFORMANȚĂ ÎN GENERAL var ctx = document.getElementById('comparisonChart11').getContext('2d'); var comparisonChart11 = new Chart(ctx, { type: 'bar', data: { labels: ['Angajați'], datasets: valori_chart11 }, options: { indexAxis: 'y', scales: { x: { beginAtZero: true, stacked: true, max: 100, ticks: { display: false //this will remove only the label }, grid: { display: false } }, y: { stacked: true, ticks: { display: false //this will remove only the label } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart11 }, legend: { display: true, position: 'bottom' } } } }); var ctx = document.getElementById('comparisonChart11_1').getContext('2d'); var comparisonChart11_1 = new Chart(ctx, { type: 'bar', data: { labels: ['Manageri & Antreprenori'], datasets: valori_chart11_1 }, options: { indexAxis: 'y', scales: { x: { beginAtZero: true, stacked: true, max: 100, ticks: { display: false //this will remove only the label }, grid: { display: false } }, y: { stacked: true, ticks: { display: false //this will remove only the label } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart11 }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // FRECVENȚA EVALUĂRILOR DE PERFORMANȚĂ ÎN PERIOADA DE PROBĂ let culoare_bar_chart12_angajati = '#fec710'; let culoare_bar_chart12_manageri = '#5b5b5b'; let culoare_label_interior_bar_chart12 = '#fff'; var ctx = document.getElementById('comparisonChart12').getContext('2d'); var comparisonChart12 = new Chart(ctx, { type: 'bar', data: { labels: [ '1-2 ori', '3-5 ori', 'Mai mult de 5 ori', 'Nu am fost evaluat', 'Nu îmi amintesc' ], datasets: [{ label: 'Angajati', data: [44,22,2,15,16], backgroundColor: culoare_bar_chart12_angajati, borderColor: culoare_bar_chart12_angajati, borderWidth: 1 },{ label: 'Manageri', data: [44,21,2,13,13], backgroundColor: culoare_bar_chart12_manageri, borderColor: culoare_bar_chart12_manageri, borderWidth: 1 }] }, options: { indexAxis: 'x', scales: { x: { grid: { display: false } }, y: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 45, ticks: { stepSize: 10 } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart12, formatter: (value, context) => { return Math.abs(value)+"%" }, anchor: 'end', align: 'top', offset: -25 }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // CEA MAI RECENTĂ EVALUARE DE PERFORMANȚĂ var ctx = document.getElementById('comparisonChart13').getContext('2d'); var comparisonChart13 = new Chart(ctx, { type: 'bar', data: { labels: ['Angajați'], datasets: valori_chart13 }, options: { indexAxis: 'y', scales: { x: { beginAtZero: true, stacked: true, max: 100, ticks: { display: false //this will remove only the label }, grid: { display: false } }, y: { stacked: true, ticks: { display: false //this will remove only the label } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart13 }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart13_1').getContext('2d'); var comparisonChart13_1 = new Chart(ctx, { type: 'bar', data: { labels: ['Manageri & Antreprenori'], datasets: valori_chart13_1 }, options: { indexAxis: 'y', scales: { x: { beginAtZero: true, stacked: true, max: 100, ticks: { display: false //this will remove only the label }, grid: { display: false } }, y: { stacked: true, ticks: { display: false //this will remove only the label } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart13 }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // METODE DE EVALUARE A PERFORMANȚEI let culoare_bar_chart14_negative = '#fec710'; let culoare_bar_chart14_pozitive = '#5b5b5b'; let culoare_label_interior_bar_chart14 = '#fff'; var ctx = document.getElementById('comparisonChart14').getContext('2d'); var comparisonChart14 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Responsabilitățile', 'din fișa postului'], ['Nivelul competențelor', 'și abilităților','arătate la job'], ['Observare', 'directă'], ['Indicatori de', 'performanță specifici'], ['Obiective clar', 'definite'], ['Feedback-ul colegilor', 'superiorilor','mentorilor','subordonaților'], ['Feeback-ul clienților', 'partenerilor'], ['Autoevaluare'], ['Test'] ], datasets: [{ label: 'Angajati', data: [ -34,-33,-33,-29,-24,-21,-14,-10,-5, ], backgroundColor: culoare_bar_chart14_negative, borderColor: culoare_bar_chart14_negative, borderWidth: 1, stack: 'Stack 0' },{ label: 'Manageri', data: [31,30,31,45,42,30,21,15,7], backgroundColor: culoare_bar_chart14_pozitive, borderColor: culoare_bar_chart14_pozitive, borderWidth: 1, stack: 'Stack 0' }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, // Makes the chart horizontal scales: { x: { min: -50, // Minimum value for the x-axis max: 50, // Maximum value for the x-axis stacked: false, ticks: { stepSize: 10, display: false }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: (context) => { if(context.dataset.data[context.dataIndex] > 10){ return culoare_label_interior_bar_chart14; } if(context.dataset.data[context.dataIndex] < -9){ return culoare_label_interior_bar_chart14; } return 'black'; }, formatter: (value, context) => { return context.dataset.data[context.dataIndex] == 0 ? '' : Math.abs(value)+"%" }, anchor: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'end' : 'start' }, align: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'left' : 'right'; }, offset: (context) => { console.log(context.dataset.data[context.dataIndex]); if(context.dataset.data[context.dataIndex] > 10){ return 5; } if(context.dataset.data[context.dataIndex] > 0 && context.dataset.data[context.dataIndex] <= 10){ return -30; } if(context.dataset.data[context.dataIndex] > -10 && context.dataset.data[context.dataIndex] <= 0){ return -30; } if(context.dataset.data[context.dataIndex] < 0){ return 0; }; }, clip: false }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // FRECVENȚA DE BONUSARE ÎN ORGANIZAȚII var ctx = document.getElementById('comparisonChart15').getContext('2d'); var comparisonChart15 = new Chart(ctx, { type: 'bar', data: { labels: ['Angajați'], datasets: valori_chart15 }, options: { indexAxis: 'y', scales: { x: { beginAtZero: true, stacked: true, max: 100, grid: { display: false }, ticks: { display: false //this will remove only the label } }, y: { stacked: true, ticks: { display: false //this will remove only the label } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart15, legend: { display: false } }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart15_1').getContext('2d'); var comparisonChart15_1 = new Chart(ctx, { type: 'bar', data: { labels: ['Manageri & Antreprenori'], datasets: valori_chart15_1 }, options: { indexAxis: 'y', scales: { x: { beginAtZero: true, stacked: true, max: 100, grid: { display: false }, ticks: { display: false //this will remove only the label } }, y: { stacked: true, ticks: { display: false //this will remove only the label } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart15, }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // CRITERII DE BONUSARE ÎN ORGANIZAȚII let culoare_bar_chart16_negative = '#fec710'; let culoare_bar_chart16_pozitive = '#5b5b5b'; let culoare_label_interior_bar_chart16 = '#fff'; var ctx = document.getElementById('comparisonChart16').getContext('2d'); var comparisonChart16 = new Chart(ctx, { type: 'bar', data: { labels: [ ['De sărbători'], ['Pentru îndeplinirea', 'responsabilităților'], ['Pentru proiectele', 'finalizate la timp'], ['Pentru îndeplinirea unor', 'obiective măsurabile'], ['În funcție de rezultatele', 'financiare ale organizației'], ['Pentru respectarea', 'standardelor / procedurilor'], ['La ocazii', 'speciale'], ['Pentru vechimea', 'în organizație'], ['Pentru recomandarea', 'unui nou angajat'] ], datasets: [{ label: 'Angajati', data: [ -24,-11,-7,-7,-7,-7,-7,-5,-4 ], backgroundColor: culoare_bar_chart16_negative, borderColor: culoare_bar_chart16_negative, borderWidth: 1, stack: 'Stack 0' },{ label: 'Manageri', data: [22,8,9,13,10,8,7,5,3], backgroundColor: culoare_bar_chart16_pozitive, borderColor: culoare_bar_chart16_pozitive, borderWidth: 1, stack: 'Stack 0' }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 10, // Makes the chart horizontal scales: { x: { min: -50, // Minimum value for the x-axis max: 50, // Maximum value for the x-axis stacked: false, ticks: { stepSize: 10, display: false }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: (context) => { if(context.dataset.data[context.dataIndex] > 10){ return culoare_label_interior_bar_chart16; } if(context.dataset.data[context.dataIndex] < -10){ return culoare_label_interior_bar_chart16; } return 'black'; }, formatter: (value, context) => { return context.dataset.data[context.dataIndex] == 0 ? '' : Math.abs(value)+"%" }, anchor: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'end' : 'start' }, align: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'left' : 'right'; }, offset: (context) => { console.log(context.dataset.data[context.dataIndex]); if(context.dataset.data[context.dataIndex] > 10){ return 5; } if(context.dataset.data[context.dataIndex] > 0 && context.dataset.data[context.dataIndex] <= 10){ return -30; } if(context.dataset.data[context.dataIndex] > -10 && context.dataset.data[context.dataIndex] <= 0){ return -30; } if(context.dataset.data[context.dataIndex] < 0){ return 0; }; }, clip: false }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // ULTIMA PROMOVARE: CÂND A AVUT LOC var ctx = document.getElementById('comparisonChart17').getContext('2d'); var comparisonChart17 = new Chart(ctx, { type: 'bar', data: { labels: ['Angajați'], datasets: valori_chart17 }, options: { indexAxis: 'y', scales: { x: { beginAtZero: true, stacked: true, max: 100, ticks: { display: false //this will remove only the label } }, y: { stacked: true, ticks: { display: false //this will remove only the label } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart17, }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart17_1').getContext('2d'); var comparisonChart17_1 = new Chart(ctx, { type: 'bar', data: { labels: ['Manageri & Antreprenori'], datasets: valori_chart17_1 }, options: { indexAxis: 'y', scales: { x: { beginAtZero: true, stacked: true, max: 100, ticks: { display: false //this will remove only the label } }, y: { stacked: true, ticks: { display: false //this will remove only the label } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart17 }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // ULTIMA PROMOVARE: INCIDENȚĂ PERIOADĂ DE PROBĂ var ctx = document.getElementById('comparisonChart18').getContext('2d'); var comparisonChart18 = new Chart(ctx, { type: 'bar', data: { labels: ['Angajați'], datasets: valori_chart18 }, options: { indexAxis: 'y', scales: { x: { beginAtZero: true, stacked: true, max: 100, ticks: { display: false //this will remove only the label } }, y: { stacked: true, ticks: { display: false //this will remove only the label } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart18, }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart18_1').getContext('2d'); var comparisonChart18_1 = new Chart(ctx, { type: 'bar', data: { labels: ['Manageri'], datasets: valori_chart18_1 }, options: { indexAxis: 'y', scales: { x: { beginAtZero: true, stacked: true, max: 100, ticks: { display: false //this will remove only the label } }, y: { stacked: true, ticks: { display: false //this will remove only the label } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart18, }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // ULTIMA PROMOVARE: DRIVERI let culoare_bar_chart19_negative = '#fec710'; let culoare_bar_chart19_pozitive = '#5b5b5b'; let culoare_label_interior_bar_chart19 = '#fff'; var ctx = document.getElementById('comparisonChart19').getContext('2d'); var comparisonChart19 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Am simțit că sunt', 'recunoscut', 'pentru rezultatele', 'mele anterioare'], ['Am avut ocazia să', 'câștig mai mult, deși', 'nu am vrut neapărat', 'să conduc oameni'], ['Am primit noi', 'oportunități de dezvoltare', 'profesională'], ['Mi-au plăcut responsabilitățile', 'pentru noua poziție'], ['În general, îmi place', 'să lucrez cu / să', 'conduc oameni'], ['Noua poziție se aliniază', 'mai bine cu obiectivele', 'mele personale'], ['Am vrut o', 'schimbare în carieră'] ], datasets: [{ label: 'Angajati', data: [ -51,-35,-27,-26,-14,-16,-12 ], backgroundColor: culoare_bar_chart19_negative, borderColor: culoare_bar_chart19_negative, borderWidth: 1, stack: 'Stack 0' },{ label: 'Manageri', data: [54,29,45,32,32,21,16], backgroundColor: culoare_bar_chart19_pozitive, borderColor: culoare_bar_chart19_pozitive, borderWidth: 1, stack: 'Stack 0' }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, // Makes the chart horizontal scales: { x: { min: -60, // Minimum value for the x-axis max: 60, // Maximum value for the x-axis stacked: false, ticks: { stepSize: 10, display: false }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: (context) => { if(context.dataset.data[context.dataIndex] > 10){ return culoare_label_interior_bar_chart19; } if(context.dataset.data[context.dataIndex] < -10){ return culoare_label_interior_bar_chart19; } return 'black'; }, formatter: (value, context) => { return context.dataset.data[context.dataIndex] == 0 ? '' : Math.abs(value)+"%" }, anchor: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'end' : 'start' }, align: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'left' : 'right'; }, offset: (context) => { console.log(context.dataset.data[context.dataIndex]); if(context.dataset.data[context.dataIndex] > 10){ return 5; } if(context.dataset.data[context.dataIndex] > 0 && context.dataset.data[context.dataIndex] <= 10){ return -30; } if(context.dataset.data[context.dataIndex] > -10 && context.dataset.data[context.dataIndex] <= 0){ return -30; } if(context.dataset.data[context.dataIndex] < 0){ return 0; }; }, clip: false }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // ULTIMA PROMOVARE: BARIERE var ctx = document.getElementById('comparisonChart20').getContext('2d'); var comparisonChart20 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Promovarea implică', 'renunțarea la','aspecte importante', 'ale vieții personale'], ['Nu eram pregătit', 'să preiau', 'responsabilități suplimentare'], ['Salariul pentru', 'noua poziție', 'nu a fost pe măsura', 'așteptărilor'], ['Responsabilitățile', 'pentru noua poziție', 'nu au fost clare'], ['Poziția nu s-a', 'potrivit cu','abilitățile și','interesele mele'], ['Promovarea implică', 'o mutare','sau o ședere în alt', 'oraș/țară'], ['Niciun motiv'], ['Alt motiv'], ['Am avut', 'oportunități','mai bune în','afara companiei'] ], datasets: [{ label: 'Valoare medie', data: [42, 22, 20, 14, 14, 14, 10, 8, 3], backgroundColor: culoare_bar_chart20, borderColor: culoare_bar_chart20, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 50, ticks: { stepSize: 10 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart20, anchor: 'end', align: 'right', offset: -40 }, legend: { display: false, position: 'bottom' } }, animation: createAnimationConfig(), } }); // METODE DE DEZVOLTARE PREFERATE let culoare_bar_chart21_negative = '#fec710'; let culoare_bar_chart21_pozitive = '#5b5b5b'; let culoare_label_interior_bar_chart21 = '#fff'; var ctx = document.getElementById('comparisonChart21').getContext('2d'); var comparisonChart21 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Particip la', 'traininguri / cursuri'], ['Citesc cărți de', 'specialitate / dezvoltare personală'], ['Particip la', 'evenimente'], ['Fac lucruri care mă', 'scot din zona de confort'], ['Explorez noi', 'hobby-uri / interese'], ['Colaborez cu', 'mentori / coachi'], ['Fac', 'networking'], ['Fac', 'voluntariat'], ['Nu mă interesează să', 'mă dezvolt personal'], ['Practic', 'meditația'] ], datasets: [{ label: 'Angajati', data: [ -41,-36,-20,-23,-20,-11,-9,-7,-6,-3 ], backgroundColor: culoare_bar_chart21_negative, borderColor: culoare_bar_chart21_negative, borderWidth: 1, stack: 'Stack 0' },{ label: 'Manageri', data: [56,47,39,21,20,14,16,6,1,2], backgroundColor: culoare_bar_chart21_pozitive, borderColor: culoare_bar_chart21_pozitive, borderWidth: 1, stack: 'Stack 0' }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, // Makes the chart horizontal scales: { x: { min: -50, // Minimum value for the x-axis max: 75, // Maximum value for the x-axis stacked: false, ticks: { stepSize: 25, display: false }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: (context) => { if(context.dataset.data[context.dataIndex] > 10){ return culoare_label_interior_bar_chart21; } if(context.dataset.data[context.dataIndex] < -10){ return culoare_label_interior_bar_chart21; } return 'black'; }, formatter: (value, context) => { return context.dataset.data[context.dataIndex] == 0 ? '' : Math.abs(value)+"%" }, anchor: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'end' : 'start' }, align: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'left' : 'right'; }, offset: (context) => { console.log(context.dataset.data[context.dataIndex]); if(context.dataset.data[context.dataIndex] > 10){ return 5; } if(context.dataset.data[context.dataIndex] > 0 && context.dataset.data[context.dataIndex] <= 10){ return -30; } if(context.dataset.data[context.dataIndex] > -10 && context.dataset.data[context.dataIndex] <= 0){ return -30; } if(context.dataset.data[context.dataIndex] < 0){ return 0; }; }, clip: false }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // PARTICIPAREA LA SESIUNI DE TRAINING: FRECVENȚĂ var ctx = document.getElementById('comparisonChart22').getContext('2d'); var comparisonChart22 = new Chart(ctx, { type: 'bar', data: { labels: ['Angajați'], datasets: valori_chart22 }, options: { indexAxis: 'y', scales: { x: { beginAtZero: true, stacked: true, max: 100, ticks: { display: false //this will remove only the label } }, y: { stacked: true, ticks: { display: false //this will remove only the label } } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart22 }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // PARTICIPAREA LA SESIUNI DE TRAINING: NUMĂR SESIUNI let culoare_bar_chart23_angajati = '#fec710'; let culoare_bar_chart23_manageri = '#5b5b5b'; let culoare_label_interior_bar_chart23 = '#fff'; var ctx = document.getElementById('comparisonChart23').getContext('2d'); var comparisonChart23 = new Chart(ctx, { type: 'bar', data: { labels: [ '1-2 sesiuni', '3-5 sesiuni', '> 5 sesiuni' ], datasets: [{ label: 'Angajati', data: [50,29,5], backgroundColor: culoare_bar_chart23_angajati, borderColor: culoare_bar_chart23_angajati, borderWidth: 1 },{ label: 'Manageri', data: [56,30,6], backgroundColor: culoare_bar_chart23_manageri, borderColor: culoare_bar_chart23_manageri, borderWidth: 1 }] }, options: { indexAxis: 'x', scales: { x: { grid: { display: false } }, y: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 60, ticks: { stepSize: 10 } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart23, formatter: (value, context) => { return Math.abs(value)+"%" }, anchor: 'end', align: 'top', offset: -25 }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // PARTICIPAREA LA SESIUNI DE TRAINING: DURATĂ let culoare_bar_chart24_angajati = '#fec710'; let culoare_bar_chart24_manageri = '#5b5b5b'; let culoare_label_interior_bar_chart24 = '#fff'; var ctx = document.getElementById('comparisonChart24').getContext('2d'); var comparisonChart24 = new Chart(ctx, { type: 'bar', data: { labels: [ 'O oră', '2 ore', '3-4 ore', 'Mai mult de 4 ore', 'Nu au o durată standard' ], datasets: [{ label: 'Angajati', data: [29,24,17,4,22], backgroundColor: culoare_bar_chart24_angajati, borderColor: culoare_bar_chart24_angajati, borderWidth: 1 },{ label: 'Manageri', data: [18,26,21,7,24], backgroundColor: culoare_bar_chart24_manageri, borderColor: culoare_bar_chart24_manageri, borderWidth: 1 }] }, options: { indexAxis: 'x', scales: { x: { grid: { display: false } }, y: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 60, ticks: { stepSize: 10 } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart24, formatter: (value, context) => { return Math.abs(value)+"%" }, anchor: 'end', align: 'top', offset: -25 }, legend: { display: true, position: 'bottom' } }, animation: createAnimationConfig(), } }); // SATISFACȚIA LA LOCUL DE MUNCĂ var ctx = document.getElementById('comparisonChart25').getContext('2d'); var comparisonChart25 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Munca', 'prestată'], ['Relația cu', 'managementul'], ['Cultura', 'organizațională'], ['Echilibrul muncă -', 'viață personală'], ['Volumul de', 'muncă'], ['Pachetul salarial și', 'beneficii'], ['Dezvoltarea', 'profesională'] ], datasets: [{ label: 'Valoare medie', data: [8.1, 7.9, 7.3, 7.2, 7.2, 6.6, 6.5], backgroundColor: culoare_bar_chart25, borderColor: culoare_bar_chart25, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart25, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart25_1').getContext('2d'); var comparisonChart25_1 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Munca', 'prestată'], ['Relația cu', 'managementul'], ['Cultura', 'organizațională'], ['Echilibrul muncă -', 'viață personală'], ['Volumul de', 'muncă'], ['Pachetul salarial și', 'beneficii'], ['Dezvoltarea', 'profesională'] ], datasets: [{ label: 'Valoare medie', data: [8.0, 7.9, 7.2, 7.2, 7.3, 6.4, 6.3], backgroundColor: culoare_bar_chart25_1, borderColor: culoare_bar_chart25_1, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart25_1, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart25_2').getContext('2d'); var comparisonChart25_2 = new Chart(ctx, { type: 'bar', data: { labels: [ ['Munca', 'prestată'], ['Relația cu', 'managementul'], ['Cultura', 'organizațională'], ['Echilibrul muncă -', 'viață personală'], ['Volumul de', 'muncă'], ['Pachetul salarial și', 'beneficii'], ['Dezvoltarea', 'profesională'] ], datasets: [{ label: 'Valoare medie', data: [8.1, 8.1, 7.3, 7.1, 7.3, 6.9, 6.7], backgroundColor: culoare_bar_chart25_2, borderColor: culoare_bar_chart25_2, borderWidth: 1 }] }, options: { indexAxis: 'y', barThickness: 30, borderRadius: 30, scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 1 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart25_2, anchor: 'end', align: 'right', offset: -30 }, legend: { display: false } }, animation: createAnimationConfig(), } }); function updateChart(chartToUpdate, ion) { delayed = false; console.log(ion); chartToUpdate.reset(); var currentData = chartToUpdate.data.datasets[0].data; this.animateBars(chartToUpdate, currentData); } function animateBars(chart, newData) { var currentData = chart.data.datasets[0].data.slice(); // Assuming a single dataset var duration = 300; // Duration between each bar update newData.forEach((value, index) => { setTimeout(() => { currentData[index] = value; // Update the specific bar value chart.data.datasets[0].data = currentData; // Update the chart dataset chart.update(); // Trigger chart update }, index * duration); }); }
Back