Ngiler SH3LL 360
Home
Information
Create File
Create Folder
:
/
home
/
tbf
/
new2023.tbf.ro
/
dist
/
Information Server
MySQL :
OFF
Perl :
OFF
CURL :
ON
WGET :
OFF
PKEXEC :
OFF
Directive
Local Value
IP Address
89.40.16.97
System
Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User
tbf
PHP Version
7.3.33
Software
Apache
Doc root
Writable
close
Edit File :
charts.html
| Size :
105.42
KB
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Comparison Chart - Average Values</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@3.0.0/dist/chart.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script> </head> <body> <div style="width: 80%; margin: auto;"> <!-- NEVOIA DE CLARITATE A ROLULUI ÎN ORGANIZAȚIE --> <h1>NEVOIA DE CLARITATE A ROLULUI ÎN ORGANIZAȚIE</h1> <canvas id="comparisonChart"></canvas> <canvas id="comparisonChart1_1"></canvas> <canvas id="comparisonChart1_2"></canvas> <h1>CLARITATEA PERCEPUTĂ LA LOCUL DE MUNCĂ</h1> <!-- CLARITATEA PERCEPUTĂ LA LOCUL DE MUNCĂ --> <canvas id="comparisonChart2"></canvas> <canvas id="comparisonChart2_1"></canvas> <canvas id="comparisonChart2_2"></canvas> <h1>NEDREPTATEA PERCEPUTĂ LA LOCUL DE MUNCĂ</h1> <!-- NEDREPTATEA PERCEPUTĂ LA LOCUL DE MUNCĂ --> <canvas id="comparisonChart3"></canvas> <canvas id="comparisonChart3_1"></canvas> <canvas id="comparisonChart3_2"></canvas> <h1>CUNOAȘTEREA RESPONSABILITĂȚILOR LA MUNCĂ: SURSE DE INFORMARE</h1> <!-- CUNOAȘTEREA RESPONSABILITĂȚILOR LA MUNCĂ: SURSE DE INFORMARE --> <canvas id="comparisonChart4"></canvas> <h1>CONSECINȚE ALE NEÎNDEPLINIRII RESPONSABILITĂȚILOR</h1> <!-- CONSECINȚE ALE NEÎNDEPLINIRII RESPONSABILITĂȚILOR --> <canvas id="comparisonChart5"></canvas> <!-- DELEGAREA ȘI PRIMIREA SARCINILOR: ANGAJAȚI VS. MANAGERI --> <h1>DELEGAREA ȘI PRIMIREA SARCINILOR: ANGAJAȚI VS. MANAGERI</h1> <canvas id="comparisonChart6_1"></canvas> <canvas id="comparisonChart6_2"></canvas> <!-- OBIECTIVE DE COMPANIE: FRECVENȚĂ STABILIRE --> <h1>OBIECTIVE DE COMPANIE: FRECVENȚĂ STABILIRE</h1> <canvas id="comparisonChart7"></canvas> <!-- OBIECTIVE DE COMPANIE: ABORDARE FOLOSITĂ --> <h1>OBIECTIVE DE COMPANIE: ABORDARE FOLOSITĂ</h1> <canvas id="comparisonChart8"></canvas> <!-- PERCEPȚII DESPRE EVALUĂRILE DE PERFORMANȚĂ --> <h1>PERCEPȚII DESPRE EVALUĂRILE DE PERFORMANȚĂ</h1> <canvas id="comparisonChart9"></canvas> <canvas id="comparisonChart9_1"></canvas> <canvas id="comparisonChart9_2"></canvas> <!-- CRITERII DE PERFORMANȚĂ: Definition of done --> <h1>CRITERII DE PERFORMANȚĂ: Definition of done</h1> <canvas id="comparisonChart10"></canvas> <!-- FRECVENȚA EVALUĂRILOR DE PERFORMANȚĂ ÎN GENERAL --> <h1>FRECVENȚA EVALUĂRILOR DE PERFORMANȚĂ ÎN GENERAL</h1> <canvas id="comparisonChart11"></canvas> <canvas id="comparisonChart11_1"></canvas> <!-- FRECVENȚA EVALUĂRILOR DE PERFORMANȚĂ ÎN PERIOADA DE PROBĂ --> <h1>FRECVENȚA EVALUĂRILOR DE PERFORMANȚĂ ÎN PERIOADA DE PROBĂ</h1> <canvas id="comparisonChart12"></canvas> <!-- CEA MAI RECENTĂ EVALUARE DE PERFORMANȚĂ --> <h1>CEA MAI RECENTĂ EVALUARE DE PERFORMANȚĂ</h1> <canvas id="comparisonChart13"></canvas> <canvas id="comparisonChart13_1"></canvas> <!-- METODE DE EVALUARE A PERFORMANȚEI --> <h1>METODE DE EVALUARE A PERFORMANȚEI</h1> <canvas id="comparisonChart14"></canvas> <!-- FRECVENȚA DE BONUSARE ÎN ORGANIZAȚII --> <h1>FRECVENȚA DE BONUSARE ÎN ORGANIZAȚII</h1> <canvas id="comparisonChart15"></canvas> <canvas id="comparisonChart15_1"></canvas> <!-- CRITERII DE BONUSARE ÎN ORGANIZAȚII --> <h1>CRITERII DE BONUSARE ÎN ORGANIZAȚII</h1> <canvas id="comparisonChart16"></canvas> <!-- ULTIMA PROMOVARE: CÂND A AVUT LOC --> <h1>ULTIMA PROMOVARE: CÂND A AVUT LOC</h1> <canvas id="comparisonChart17"></canvas> <canvas id="comparisonChart17_1"></canvas> <!-- ULTIMA PROMOVARE: INCIDENȚĂ PERIOADĂ DE PROBĂ --> <h1>ULTIMA PROMOVARE: INCIDENȚĂ PERIOADĂ DE PROBĂ</h1> <canvas id="comparisonChart18"></canvas> <canvas id="comparisonChart18_1"></canvas> <!-- ULTIMA PROMOVARE: DRIVERI --> <h1>ULTIMA PROMOVARE: DRIVERI</h1> <canvas id="comparisonChart19"></canvas> <!-- ULTIMA PROMOVARE: BARIERE --> <h1>ULTIMA PROMOVARE: BARIERE</h1> <canvas id="comparisonChart20"></canvas> <!-- METODE DE DEZVOLTARE PREFERATE --> <h1>METODE DE DEZVOLTARE PREFERATE</h1> <canvas id="comparisonChart21"></canvas> <!-- PARTICIPAREA LA SESIUNI DE TRAINING: FRECVENȚĂ --> <h1>PARTICIPAREA LA SESIUNI DE TRAINING: FRECVENȚĂ</h1> <canvas id="comparisonChart22"></canvas> <!-- PARTICIPAREA LA SESIUNI DE TRAINING: NUMĂR SESIUNI --> <h1>PARTICIPAREA LA SESIUNI DE TRAINING: NUMĂR SESIUNI</h1> <canvas id="comparisonChart23"></canvas> <!-- PARTICIPAREA LA SESIUNI DE TRAINING: DURATĂ --> <h1>PARTICIPAREA LA SESIUNI DE TRAINING: DURATĂ</h1> <canvas id="comparisonChart24"></canvas> <h1>SATISFACȚIA LA LOCUL DE MUNCĂ</h1> <!-- SATISFACȚIA LA LOCUL DE MUNCĂ --> <canvas id="comparisonChart25"></canvas> <canvas id="comparisonChart25_1"></canvas> <canvas id="comparisonChart25_2"></canvas> </div> <script> // Registering the plugin Chart.register(ChartDataLabels); // CULORI pentru NEVOIA DE CLARITATE A ROLULUI ÎN ORGANIZAȚIE let culoare_bar_chart = '#aeaeae'; let culoare_label_interior_bar_chart = '#fff'; let culoare_bar_chart1_1 = '#009ba8'; let culoare_label_interior_bar_chart1_1 = '#fff'; let culoare_bar_chart1_2 = '#666666'; let culoare_label_interior_bar_chart1_2 = '#fff'; // CLARITATEA PERCEPUTĂ LA LOCUL DE MUNCĂ let culoare_bar_chart2 = '#aeaeae'; let culoare_label_interior_bar_chart2 = '#fff'; let culoare_bar_chart2_1 = '#009ba8'; let culoare_label_interior_bar_chart2_1 = '#fff'; let culoare_bar_chart2_2 = '#666666'; let culoare_label_interior_bar_chart2_2 = '#fff'; // NEDREPTATEA PERCEPUTĂ LA LOCUL DE MUNCĂ let culoare_bar_chart3 = '#aeaeae'; let culoare_label_interior_bar_chart3 = '#fff'; let culoare_bar_chart3_1 = '#009ba8'; let culoare_label_interior_bar_chart3_1 = '#fff'; let culoare_bar_chart3_2 = '#666666'; let culoare_label_interior_bar_chart3_2 = '#fff'; // CUNOAȘTEREA RESPONSABILITĂȚILOR LA MUNCĂ: SURSE DE INFORMARE let culoare_bar_chart4 = ["#009ba8", "#aeaeae", "#aeaeae", "#aeaeae", "#aeaeae", "#aeaeae", '#5b5b5b', '#5b5b5b']; let culoare_label_interior_bar_chart4 = '#fff'; // CONSECINȚE ALE NEÎNDEPLINIRII RESPONSABILITĂȚILOR let culoare_bar_chart5 = ["#009ba8", "#aeaeae", "#aeaeae", "#aeaeae", "#5b5b5b", "#aeaeae", '#aeaeae', '#aeaeae']; let culoare_label_interior_bar_chart5 = '#fff'; // DELEGAREA ȘI PRIMIREA SARCINILOR: ANGAJAȚI VS. MANAGERI let culoare_bar_chart6_1 = '#009ba8'; let culoare_label_interior_bar_chart6_1 = '#fff'; let culoare_bar_chart6_2 = '#5b5b5b'; 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: [4], 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 = ["#009ba8", "#aeaeae", "#aeaeae", "#5b5b5b", "#aeaeae", "#5b5b5b"]; let culoare_label_interior_bar_chart8 = '#fff'; // PERCEPȚII DESPRE EVALUĂRILE DE PERFORMANȚĂ let culoare_bar_chart9 = '#aeaeae'; let culoare_label_interior_bar_chart9 = '#fff'; let culoare_bar_chart9_1 = '#009ba8'; let culoare_label_interior_bar_chart9_1 = '#fff'; let culoare_bar_chart9_2 = '#666666'; 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 = '#fff'; 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 = '#fff'; 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 = ["#009ba8", "#aeaeae", "#aeaeae", "#aeaeae", "#aeaeae", "#aeaeae", "#5b5b5b", "#aeaeae", "#aeaeae",]; 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 = '#aeaeae'; let culoare_label_interior_bar_chart25 = '#fff'; let culoare_bar_chart25_1 = '#009ba8'; let culoare_label_interior_bar_chart25_1 = '#fff'; let culoare_bar_chart25_2 = '#666666'; let culoare_label_interior_bar_chart25_2 = '#fff'; ////////////////////// let delayed; function createAnimationConfig() { let delayed = false; 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 ctx = document.getElementById('comparisonChart').getContext('2d'); var comparisonChart = new Chart(ctx, { 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', 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 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart1_1').getContext('2d'); var comparisonChart = new Chart(ctx, { 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', 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 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart1_2').getContext('2d'); var comparisonChart = new Chart(ctx, { 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', 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 } }, animation: createAnimationConfig(), } }); // CLARITATEA PERCEPUTĂ LA LOCUL DE MUNCĂ var ctx = document.getElementById('comparisonChart2').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart2, anchor: 'end', align: 'right', offset: -30 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart2_1').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart2_1, anchor: 'end', align: 'right', offset: -30 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart2_2').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart2_2, anchor: 'end', align: 'right', offset: -30 } }, animation: createAnimationConfig(), } }); // NEDREPTATEA PERCEPUTĂ LA LOCUL DE MUNCĂ var ctx = document.getElementById('comparisonChart3').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart3, anchor: 'end', align: 'right', offset: -30 } } } }); var ctx = document.getElementById('comparisonChart3_1').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart3_1, anchor: 'end', align: 'right', offset: -30 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart3_2').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart3_2, anchor: 'end', align: 'right', offset: -30 } }, animation: createAnimationConfig(), } }); // CUNOAȘTEREA RESPONSABILITĂȚILOR LA MUNCĂ: SURSE DE INFORMARE var ctx = document.getElementById('comparisonChart4').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 60, ticks: { stepSize: 20 }, 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 } }, animation: createAnimationConfig(), } }); // CONSECINȚE ALE NEÎNDEPLINIRII RESPONSABILITĂȚILOR var ctx = document.getElementById('comparisonChart5').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 50, ticks: { stepSize: 20 }, 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 } }, animation: createAnimationConfig(), } }); // DELEGAREA ȘI PRIMIREA SARCINILOR: ANGAJAȚI VS. MANAGERI var ctx = document.getElementById('comparisonChart6_1').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, 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 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart6_2').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, 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 } }, animation: createAnimationConfig(), } }); // OBIECTIVE DE COMPANIE: FRECVENȚĂ STABILIRE var ctx = document.getElementById('comparisonChart7').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Frequency'], datasets: valori_chart7 }, options: { indexAxis: 'y', // This sets the chart to be horizontal scales: { x: { beginAtZero: true, stacked: true, max: 100 }, y: { stacked: true } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart7 } } , animation: createAnimationConfig(), } }); // OBIECTIVE DE COMPANIE: ABORDARE FOLOSITĂ var ctx = document.getElementById('comparisonChart8').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 60, ticks: { stepSize: 20 }, 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 } }, animation: createAnimationConfig(), } }); // PERCEPȚII DESPRE EVALUĂRILE DE PERFORMANȚĂ var ctx = document.getElementById('comparisonChart9').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart9, anchor: 'end', align: 'right', offset: -30 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart9_1').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart9_1, anchor: 'end', align: 'right', offset: -30 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart9_2').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart9_2, anchor: 'end', align: 'right', offset: -30 } }, animation: createAnimationConfig(), } }); // CRITERII DE PERFORMANȚĂ: Definition of done let culoare_bar_chart10_negative = '#009ba8'; let culoare_bar_chart10_pozitive = '#ccc'; let culoare_label_interior_bar_chart10 = '#fff'; var ctx = document.getElementById('comparisonChart10').getContext('2d'); var comparisonChart = 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', // 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: 50, display: false }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: (context) => { if(context.dataset.data[context.dataIndex] > 10){ return culoare_label_interior_bar_chart10; } if(context.dataset.data[context.dataIndex] < -10){ return culoare_label_interior_bar_chart10; } return 'black'; }, formatter: (value, context) => { return context.dataset.data[context.dataIndex] == 0 ? '' : Math.abs(value)+"%" }, anchor: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'end' : 'start' }, align: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'left' : 'right'; }, offset: (context) => { console.log(context.dataset.data[context.dataIndex]); if(context.dataset.data[context.dataIndex] > 10){ return 5; } if(context.dataset.data[context.dataIndex] > 0 && context.dataset.data[context.dataIndex] <= 10){ return -30; } if(context.dataset.data[context.dataIndex] > -10 && context.dataset.data[context.dataIndex] <= 0){ return -30; } if(context.dataset.data[context.dataIndex] < 0){ return 0; }; }, clip: false } }, animation: createAnimationConfig(), } }); // FRECVENȚA EVALUĂRILOR DE PERFORMANȚĂ ÎN GENERAL var ctx = document.getElementById('comparisonChart11').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Angajați'], datasets: valori_chart11 }, options: { indexAxis: 'y', // This sets the chart to be horizontal scales: { x: { beginAtZero: true, stacked: true, max: 100 }, y: { stacked: true } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart11 } } } }); var ctx = document.getElementById('comparisonChart11_1').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Manageri & Antreprenori'], datasets: valori_chart11_1 }, options: { indexAxis: 'y', // This sets the chart to be horizontal scales: { x: { beginAtZero: true, stacked: true, max: 100 }, y: { stacked: true } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart11 } }, animation: createAnimationConfig(), } }); // FRECVENȚA EVALUĂRILOR DE PERFORMANȚĂ ÎN PERIOADA DE PROBĂ let culoare_bar_chart12_angajati = '#009ba8'; let culoare_bar_chart12_manageri = '#ccc'; let culoare_label_interior_bar_chart12 = '#fff'; var ctx = document.getElementById('comparisonChart12').getContext('2d'); var comparisonChart = new Chart(ctx, { type: 'bar', data: { labels: [ '1-2 ori', '3-5 ori', 'Mai mult de 5 ori', 'Nu am fost evaluat', 'Nu îmi amintesc' ], datasets: [{ label: 'Angajati', data: [44,22,2,15,16], backgroundColor: culoare_bar_chart12_angajati, borderColor: culoare_bar_chart12_angajati, borderWidth: 1 },{ label: 'Manageri', data: [44,21,2,13,13], backgroundColor: culoare_bar_chart12_manageri, borderColor: culoare_bar_chart12_manageri, borderWidth: 1 }] }, options: { indexAxis: 'x', scales: { x: { grid: { display: false } }, y: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 45, ticks: { stepSize: 20 } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart12, formatter: (value, context) => { return Math.abs(value)+"%" }, anchor: 'end', align: 'top', offset: -25 } }, animation: createAnimationConfig(), } }); // CEA MAI RECENTĂ EVALUARE DE PERFORMANȚĂ var ctx = document.getElementById('comparisonChart13').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Angajați'], datasets: valori_chart13 }, options: { indexAxis: 'y', // This sets the chart to be horizontal scales: { x: { beginAtZero: true, stacked: true, max: 100 }, y: { stacked: true } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart13 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart13_1').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Manageri & Antreprenori'], datasets: valori_chart13_1 }, options: { indexAxis: 'y', // This sets the chart to be horizontal scales: { x: { beginAtZero: true, stacked: true, max: 100 }, y: { stacked: true } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart13 } }, animation: createAnimationConfig(), } }); // METODE DE EVALUARE A PERFORMANȚEI let culoare_bar_chart14_negative = '#009ba8'; let culoare_bar_chart14_pozitive = '#ccc'; let culoare_label_interior_bar_chart14 = '#fff'; var ctx = document.getElementById('comparisonChart14').getContext('2d'); var comparisonChart = 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', // 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_chart14; } if(context.dataset.data[context.dataIndex] < -9){ return culoare_label_interior_bar_chart14; } return 'black'; }, formatter: (value, context) => { return context.dataset.data[context.dataIndex] == 0 ? '' : Math.abs(value)+"%" }, anchor: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'end' : 'start' }, align: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'left' : 'right'; }, offset: (context) => { console.log(context.dataset.data[context.dataIndex]); if(context.dataset.data[context.dataIndex] > 10){ return 5; } if(context.dataset.data[context.dataIndex] > 0 && context.dataset.data[context.dataIndex] <= 10){ return -30; } if(context.dataset.data[context.dataIndex] > -10 && context.dataset.data[context.dataIndex] <= 0){ return -30; } if(context.dataset.data[context.dataIndex] < 0){ return 0; }; }, clip: false } }, animation: createAnimationConfig(), } }); // FRECVENȚA DE BONUSARE ÎN ORGANIZAȚII var ctx = document.getElementById('comparisonChart15').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Angajați'], datasets: valori_chart15 }, options: { indexAxis: 'y', // This sets the chart to be horizontal scales: { x: { beginAtZero: true, stacked: true, max: 100 }, y: { stacked: true } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart15 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart15_1').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Manageri & Antreprenori'], datasets: valori_chart15_1 }, options: { indexAxis: 'y', // This sets the chart to be horizontal scales: { x: { beginAtZero: true, stacked: true, max: 100 }, y: { stacked: true } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart15 } }, animation: createAnimationConfig(), } }); // CRITERII DE BONUSARE ÎN ORGANIZAȚII let culoare_bar_chart16_negative = '#009ba8'; let culoare_bar_chart16_pozitive = '#ccc'; let culoare_label_interior_bar_chart16 = '#fff'; var ctx = document.getElementById('comparisonChart16').getContext('2d'); var comparisonChart = 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', // 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_chart16; } if(context.dataset.data[context.dataIndex] < -10){ return culoare_label_interior_bar_chart16; } return 'black'; }, formatter: (value, context) => { return context.dataset.data[context.dataIndex] == 0 ? '' : Math.abs(value)+"%" }, anchor: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'end' : 'start' }, align: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'left' : 'right'; }, offset: (context) => { console.log(context.dataset.data[context.dataIndex]); if(context.dataset.data[context.dataIndex] > 10){ return 5; } if(context.dataset.data[context.dataIndex] > 0 && context.dataset.data[context.dataIndex] <= 10){ return -30; } if(context.dataset.data[context.dataIndex] > -10 && context.dataset.data[context.dataIndex] <= 0){ return -30; } if(context.dataset.data[context.dataIndex] < 0){ return 0; }; }, clip: false } }, animation: createAnimationConfig(), } }); // ULTIMA PROMOVARE: CÂND A AVUT LOC var ctx = document.getElementById('comparisonChart17').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Angajați'], datasets: valori_chart17 }, options: { indexAxis: 'y', // This sets the chart to be horizontal scales: { x: { beginAtZero: true, stacked: true, max: 100 }, y: { stacked: true } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart17 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart17_1').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Manageri & Antreprenori'], datasets: valori_chart17_1 }, options: { indexAxis: 'y', // This sets the chart to be horizontal scales: { x: { beginAtZero: true, stacked: true, max: 100 }, y: { stacked: true } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart17 } }, animation: createAnimationConfig(), } }); // ULTIMA PROMOVARE: INCIDENȚĂ PERIOADĂ DE PROBĂ var ctx = document.getElementById('comparisonChart18').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Angajați'], datasets: valori_chart18 }, options: { indexAxis: 'y', // This sets the chart to be horizontal scales: { x: { beginAtZero: true, stacked: true, max: 100 }, y: { stacked: true } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart18 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart18_1').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Manageri'], datasets: valori_chart18_1 }, options: { indexAxis: 'y', // This sets the chart to be horizontal scales: { x: { beginAtZero: true, stacked: true, max: 100 }, y: { stacked: true } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart18 } }, animation: createAnimationConfig(), } }); // ULTIMA PROMOVARE: DRIVERI let culoare_bar_chart19_negative = '#009ba8'; let culoare_bar_chart19_pozitive = '#ccc'; let culoare_label_interior_bar_chart19 = '#fff'; var ctx = document.getElementById('comparisonChart19').getContext('2d'); var comparisonChart = 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', // Makes the chart horizontal scales: { x: { min: -60, // 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_chart19; } if(context.dataset.data[context.dataIndex] < -10){ return culoare_label_interior_bar_chart19; } return 'black'; }, formatter: (value, context) => { return context.dataset.data[context.dataIndex] == 0 ? '' : Math.abs(value)+"%" }, anchor: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'end' : 'start' }, align: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'left' : 'right'; }, offset: (context) => { console.log(context.dataset.data[context.dataIndex]); if(context.dataset.data[context.dataIndex] > 10){ return 5; } if(context.dataset.data[context.dataIndex] > 0 && context.dataset.data[context.dataIndex] <= 10){ return -30; } if(context.dataset.data[context.dataIndex] > -10 && context.dataset.data[context.dataIndex] <= 0){ return -30; } if(context.dataset.data[context.dataIndex] < 0){ return 0; }; }, clip: false } }, animation: createAnimationConfig(), } }); // ULTIMA PROMOVARE: BARIERE var ctx = document.getElementById('comparisonChart20').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 60, ticks: { stepSize: 20 }, 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 } }, animation: createAnimationConfig(), } }); // METODE DE DEZVOLTARE PREFERATE let culoare_bar_chart21_negative = '#009ba8'; let culoare_bar_chart21_pozitive = '#ccc'; let culoare_label_interior_bar_chart21 = '#fff'; var ctx = document.getElementById('comparisonChart21').getContext('2d'); var comparisonChart = 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', // Makes the chart horizontal scales: { x: { min: -50, // Minimum value for the x-axis max: 75, // Maximum value for the x-axis stacked: false, ticks: { stepSize: 25, display: false }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: (context) => { if(context.dataset.data[context.dataIndex] > 10){ return culoare_label_interior_bar_chart21; } if(context.dataset.data[context.dataIndex] < -10){ return culoare_label_interior_bar_chart21; } return 'black'; }, formatter: (value, context) => { return context.dataset.data[context.dataIndex] == 0 ? '' : Math.abs(value)+"%" }, anchor: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'end' : 'start' }, align: (context) => { return context.dataset.data[context.dataIndex] > 0 ? 'left' : 'right'; }, offset: (context) => { console.log(context.dataset.data[context.dataIndex]); if(context.dataset.data[context.dataIndex] > 10){ return 5; } if(context.dataset.data[context.dataIndex] > 0 && context.dataset.data[context.dataIndex] <= 10){ return -30; } if(context.dataset.data[context.dataIndex] > -10 && context.dataset.data[context.dataIndex] <= 0){ return -30; } if(context.dataset.data[context.dataIndex] < 0){ return 0; }; }, clip: false } }, animation: createAnimationConfig(), } }); // PARTICIPAREA LA SESIUNI DE TRAINING: FRECVENȚĂ var ctx = document.getElementById('comparisonChart22').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Angajați'], datasets: valori_chart22 }, options: { indexAxis: 'y', // This sets the chart to be horizontal scales: { x: { beginAtZero: true, stacked: true, max: 100 }, y: { stacked: true } }, plugins: { datalabels: { formatter: (val) => { return val + '%'; }, color: culoare_label_interior_bar_chart22 } }, animation: createAnimationConfig(), } }); // PARTICIPAREA LA SESIUNI DE TRAINING: NUMĂR SESIUNI let culoare_bar_chart23_angajati = '#009ba8'; let culoare_bar_chart23_manageri = '#ccc'; let culoare_label_interior_bar_chart23 = '#fff'; var ctx = document.getElementById('comparisonChart23').getContext('2d'); var comparisonChart = 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: 20 } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart23, formatter: (value, context) => { return Math.abs(value)+"%" }, anchor: 'end', align: 'top', offset: -25 } }, animation: createAnimationConfig(), } }); // PARTICIPAREA LA SESIUNI DE TRAINING: DURATĂ let culoare_bar_chart24_angajati = '#009ba8'; let culoare_bar_chart24_manageri = '#ccc'; let culoare_label_interior_bar_chart24 = '#fff'; var ctx = document.getElementById('comparisonChart24').getContext('2d'); var comparisonChart = 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: 20 } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart24, formatter: (value, context) => { return Math.abs(value)+"%" }, anchor: 'end', align: 'top', offset: -25 } }, animation: createAnimationConfig(), } }); // SATISFACȚIA LA LOCUL DE MUNCĂ var ctx = document.getElementById('comparisonChart25').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart25, anchor: 'end', align: 'right', offset: -30 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart25_1').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart25_1, anchor: 'end', align: 'right', offset: -30 } }, animation: createAnimationConfig(), } }); var ctx = document.getElementById('comparisonChart25_2').getContext('2d'); var comparisonChart = 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', scales: { x: { categoryPercentage: 0.5, barPercentage: 0.5, beginAtZero: true, max: 10, ticks: { stepSize: 2 }, grid: { display: true } }, y: { grid: { display: false } } }, plugins: { datalabels: { color: culoare_label_interior_bar_chart25_2, anchor: 'end', align: 'right', offset: -30 } }, animation: createAnimationConfig(), } }); </script> </body> </html>
Back