ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / new2023.tbf.ro / dist / 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

Edit File : charts.js \| Size : 94.05 KB
// 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) => { 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: { display: false }, grid: { display: false } } }, 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) => { 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) => { 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) => { 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) => { 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, display: false }, grid: { display: false } } }, 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, display: false }, grid: { display: false } } }, 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

Edit File : charts.js | Size : 94.05 KB

// 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) => {
                      
                    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: {
                    display: false
                },
                grid: {
                    display: false
                }
            }
        },
        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';

},
        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';

// 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';

// 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';

// 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,
                    display: false
                },
                grid: {
                    display: false
                }
            }
        },
        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,
                    display: false
                },
                grid: {
                    display: false
                }
            }
        },
        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