"
var div_menu_n4v = "";
var content_data = {
title: "Vue des données",
width: 362.4000000000824,
height: 392.8000000000893,
pagination: "",
duration: 800,
container: "#container",
headers: ["d1|Année","d2|LIB_FAP3","m1|Part difficiles",],
locale: "fr",
mes_fmt: {"Part difficiles":{"title":"Part de projets difficiles","precision":"0","unit":"%","unitsuf":true}},
thousand: " ",
decimal: ".",
data: [{d1:"2022",d2:"Agents administratifs divers",m1:30.5785123966942},{d1:"2023",d2:"Agents administratifs divers",m1:39.1},{d1:"2022",d2:"Agents d'entretien de locaux",m1:62.9810298102981},{d1:"2023",d2:"Agents d'entretien de locaux",m1:46.6},{d1:"2022",d2:"Aides à domicile et aides ménagères",m1:88.8001617305165},{d1:"2023",d2:"Aides à domicile et aides ménagères",m1:86.9},{d1:"2022",d2:"Aides de cuisine, apprentis de cuisine et employés polyvalents de la restauration",m1:64.4374782305817},{d1:"2023",d2:"Aides de cuisine, apprentis de cuisine et employés polyvalents de la restauration",m1:59.5},{d1:"2022",d2:"Aides-soignants",m1:82.2502711764126},{d1:"2023",d2:"Aides-soignants",m1:77.8},{d1:"2022",d2:"Autres ouvriers non qualifiés de type industriel",m1:74.1780821917808},{d1:"2023",d2:"Autres ouvriers non qualifiés de type industriel",m1:53.2},{d1:"2022",d2:"Cuisiniers",m1:69.3899266966186},{d1:"2023",d2:"Cuisiniers",m1:69.8},{d1:"2022",d2:"Educateurs spécialisés",m1:69.6760647870426},{d1:"2023",d2:"Educateurs spécialisés",m1:64.7},{d1:"2022",d2:"Employés de la comptabilité",m1:63.7543859649123},{d1:"2023",d2:"Employés de la comptabilité",m1:70.1},{d1:"2022",d2:"Employés de l'hôtellerie",m1:68.7267657992565},{d1:"2023",d2:"Employés de l'hôtellerie",m1:65.7},{d1:"2022",d2:"Employés de libre service",m1:46.500945690354},{d1:"2023",d2:"Employés de libre service",m1:62.2},{d1:"2022",d2:"Employés de maison et personnels de ménage",m1:78.7780699979769},{d1:"2023",d2:"Employés de maison et personnels de ménage",m1:75.7},{d1:"2022",d2:"Infirmiers",m1:77.9390115667718},{d1:"2023",d2:"Infirmiers",m1:72},{d1:"2022",d2:"Maçons",m1:80.1977401129944},{d1:"2023",d2:"Maçons",m1:83.1},{d1:"2022",d2:"Mécaniciens et électroniciens de véhicules",m1:84.7742555235351},{d1:"2023",d2:"Mécaniciens et électroniciens de véhicules",m1:64},{d1:"2022",d2:"Ouvriers qualifiés du magasinage et de la manutention",m1:60.0161877782274},{d1:"2023",d2:"Ouvriers qualifiés du magasinage et de la manutention",m1:59},{d1:"2022",d2:"Secrétaires bureautiques et assimilés",m1:40.7757980697847},{d1:"2023",d2:"Secrétaires bureautiques et assimilés",m1:47},{d1:"2022",d2:"Serveurs de cafés restaurants",m1:66.6471544715447},{d1:"2023",d2:"Serveurs de cafés restaurants",m1:65.3},{d1:"2022",d2:"Techniciens et agents de maîtrise de la maintenance et de l'environnement",m1:73.6221632773357},{d1:"2023",d2:"Techniciens et agents de maîtrise de la maintenance et de l'environnement",m1:76.2},{d1:"2022",d2:"Vendeurs en produits alimentaires",m1:52.0790020790021},{d1:"2023",d2:"Vendeurs en produits alimentaires",m1:54.1},]
};
function UpdateFSIcon(){
var titfs_href = document.getElementById("fshref_n4v");
document.addEventListener("fullscreenchange", function( event ) {
if ( !document.fullscreen ){
document.getElementById("n4v_fs_button").style.backgroundImage="url(https://graphebo.via-competences.fr/N4VCustomElements/res/css/images/n4v_fullscreen.svg)";
titfs_href.title= "Vue plein écran";
}
else {
document.getElementById("n4v_fs_button").style.backgroundImage="url(https://graphebo.via-competences.fr/N4VCustomElements/res/css/images/n4v_minscreen.svg)";
titfs_href.title= "Quitter plein écran";
}
});
}
//setWebiLinked(document);
$(function () {
Dessin_graph();
});
function Dessin_graph(){
var per_init = 0;
var mydata = [];
var flags=[];
var periodes=['2022','2023','NaN',];
mydata["2022"] = [["Aides à domicile et aides ménagères",88.8001617305165],["Mécaniciens et électroniciens de véhicules",84.7742555235351],["Aides-soignants",82.2502711764126],["Maçons",80.1977401129944],["Employés de maison et personnels de ménage",78.7780699979769],["Infirmiers",77.9390115667718],["Autres ouvriers non qualifiés de type industriel",74.1780821917808],["Techniciens et agents de maîtrise de la maintenance et de l'environnement",73.6221632773357],["Educateurs spécialisés",69.6760647870426],["Cuisiniers",69.3899266966186],["Employés de l'hôtellerie",68.7267657992565],["Serveurs de cafés restaurants",66.6471544715447],["Aides de cuisine, apprentis de cuisine et employés polyvalents de la restauration",64.4374782305817],["Employés de la comptabilité",63.7543859649123],["Agents d'entretien de locaux",62.9810298102981],["Ouvriers qualifiés du magasinage et de la manutention",60.0161877782274],["Vendeurs en produits alimentaires",52.0790020790021],["Employés de libre service",46.500945690354],["Secrétaires bureautiques et assimilés",40.7757980697847],["Agents administratifs divers",30.5785123966942],];
mydata["2023"] = [["Aides à domicile et aides ménagères",86.9],["Maçons",83.1],["Aides-soignants",77.8],["Techniciens et agents de maîtrise de la maintenance et de l'environnement",76.2],["Employés de maison et personnels de ménage",75.7],["Infirmiers",72],["Employés de la comptabilité",70.1],["Cuisiniers",69.8],["Employés de l'hôtellerie",65.7],["Serveurs de cafés restaurants",65.3],["Educateurs spécialisés",64.7],["Mécaniciens et électroniciens de véhicules",64],["Employés de libre service",62.2],["Aides de cuisine, apprentis de cuisine et employés polyvalents de la restauration",59.5],["Ouvriers qualifiés du magasinage et de la manutention",59],["Vendeurs en produits alimentaires",54.1],["Autres ouvriers non qualifiés de type industriel",53.2],["Secrétaires bureautiques et assimilés",47],["Agents d'entretien de locaux",46.6],["Agents administratifs divers",39.1],];
mydata["NaN"] = [["Agents administratifs divers",0],["Agents d'entretien de locaux",0],["Aides à domicile et aides ménagères",0],["Aides de cuisine, apprentis de cuisine et employés polyvalents de la restauration",0],["Aides-soignants",0],["Autres ouvriers non qualifiés de type industriel",0],["Cuisiniers",0],["Educateurs spécialisés",0],["Employés de la comptabilité",0],["Employés de l'hôtellerie",0],["Employés de libre service",0],["Employés de maison et personnels de ménage",0],["Infirmiers",0],["Maçons",0],["Mécaniciens et électroniciens de véhicules",0],["Ouvriers qualifiés du magasinage et de la manutention",0],["Secrétaires bureautiques et assimilés",0],["Serveurs de cafés restaurants",0],["Techniciens et agents de maîtrise de la maintenance et de l'environnement",0],["Vendeurs en produits alimentaires",0],];
var icons=[];
function getData(period) {
var initialData = mydata[period];
let output = initialData.map( (x) => x);
return output;
}
Highcharts.AST.allowedReferences.push("javascript:");
Highcharts.setOptions({
lang: {
thousandsSep: " ",
decimalPoint: ".",
},
colors : ["#491547","#985092","#D1BCDC","#005E5E","#00A6A5","#B2DDDF","#FCD12D","#F9B524",]
});
var chart = Highcharts.chart("container", {
chart: {
animation: {duration: 1900},
marginRight: 50,
backgroundColor: "#ffffff",
},
title: {
text: "",
style:{ color: "#000000",
fontFamily: "Arial",
fontSize: "12px",
fontWeight: "normal",
textDecoration: "plain",
fontStyle: "normal" },
align: "center"
},
subtitle: {
text: "",
style:{ color: "#848284",
fontFamily: "Arial",
fontSize: "10px",
fontWeight: "normal",
textDecoration: "plain",
fontStyle: "normal" },
align: "center"
},
xAxis: {
type: "category",
gridLineWidth: 0,
gridLineColor : "#e6e6e6",
lineWidth: 1,
lineColor : "#e6e6e6",
max: 19,
title: {text:"",
useHTML: true,
style:{ color: "#848284",
fontFamily: "Arial",
fontSize: "12px",
fontWeight: "normal",
textDecoration: "plain",
fontStyle: "normal" }
},
labels: {
useHTML: true,
animate: true,
enabled : true,
rotation: 0,
formatter: ctx => {
return ctx.value; },
style: {
textAlign: "center"
},
style: {color: "#848284",
fontFamily: "Arial",
fontSize: "12px",
fontWeight: "normal",
textDecoration: "plain",
fontStyle: "normal" }
}
},
yAxis: {
labels: {
rotation: 0,
style: {color: "#848284",
fontFamily: "Arial",
fontSize: "14px",
fontWeight: "normal",
fontStyle: "normal" },
enabled : true
},
opposite: false,
endOnTick: true,
gridLineWidth: 1,
gridLineColor : "#e6e6e6",
lineWidth: 1,
lineColor : "#e6e6e6",
title: {text:"",
useHTML: true,
style:{ color: "#848284",
fontFamily: "Arial",
fontSize: "14px",
fontWeight: "normal",
textDecoration: "plain",
fontStyle: "normal" }
},
},
tooltip: {
headerFormat: '{series.name}
',
pointFormat: '
{point.name}
\u25CF Part de projets difficiles : {point.y}
',
valueDecimals: 0,
valuePrefix: '',
valueSuffix: '%'
},
legend: {
align: "right",
verticalAlign: "bottom",
itemStyle: {color: "#848284",
fontFamily: "Arial",
fontWeight: "bold",
fontSize: "13px",
textDecoration: "plain",
fontStyle: "normal"
},
symbolHeight: 0.001,
symbolWidth: 0.001,
symbolRadius: 0.001,
},
plotOptions: {
series: {
animation: false,
events: {
legendItemClick: function(e) {
e.preventDefault();
}
},
groupPadding: 0,
pointPadding: 0.1,
borderWidth: 0,
borderRadius: 0,
},
},
series: [{
colorByPoint: true,
dataSorting: {
enabled: true,
matchByName: true
},
type: "bar",
dataLabels: [{
enabled: true,
inside: false,
useHTML: true,
formatter: function () {
return ""+Highcharts.numberFormat(this.point.y,0,"."," ")+"%"; },
style:{ color: "#848284",
fontFamily: "Arial",
fontSize: "11px",
fontWeight: "normal",
textDecoration: "plain",
textOutline: "1px contrast",
fontStyle: "normal" }
}],
name: periodes[0],
data: getData(periodes[0])
}],
});
$("#container").append(div_menu_btn);
const btn = document.getElementById("play-pause-button"),
btn_stop = document.getElementById("stop-button"),
bubble = document.getElementById("bubble"),
input = document.getElementById("play-range");
function update(increment) {
bubble.style.display = "none";
if(increment == 0){
per_init=0;
pause(btn);
input.value=0;
}else if(increment == 1){
per_init++
if (per_init < periodes.length){
input.value = per_init;
}else{
update(0);
play(btn);
}
}
else{
per_init = input.value;
}
if (per_init < periodes.length){
chart.series[0].update({
name: periodes[per_init],
data: getData(periodes[per_init])
});
}
}
function play(button) {
button.title = "pause";
button.className = "pause_button";
chart.sequenceTimer = setInterval(function() {
update(1);
}, 2000);
}
function pause(button) {
button.title = "play";
button.className = "play_button";
clearTimeout(chart.sequenceTimer);
chart.sequenceTimer = undefined;
}
var el, newPoint, newPlace, offset;
$("input[type=range]").on("input", function () {
$(this).trigger("change");
});
$("input[type=range]").change(function() {
bubble.style.display = "inline-block";
el = $(this);
width = el.width();
newPoint = (el.val() - el.attr("min")) / (el.attr("max") - el.attr("min"));
offset = -1;
if (newPoint < 0) { newPlace = 0; }
else if (newPoint > 1) { newPlace = width; }
else { newPlace = width * newPoint + offset; offset -= newPoint; }
el
.next("output")
.css({
left: newPlace,
marginLeft: offset + "%"
})
.text(periodes[el.val()]);
})
btn.addEventListener("click", function() {
if (chart.sequenceTimer) {
pause(this)
} else {
play(this)
}
})
btn_stop.addEventListener("click", function() {
update(0);
})
input.addEventListener("click", function() {
pause(btn);
update(2)
})
$("#container").append(div_menu_n4v);
UpdateFSIcon();
play(btn);
}