"
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|Libellé FAP1","m1|Nb d'offres",],
locale: "fr",
mes_fmt: {"Nb d'offres":{"title":"Nb d\\'offres","precision":"0","unit":""}},
thousand: " ",
decimal: ".",
data: [{d1:"2017",d2:"Administration publique, professions juridiques, armée et police",m1:2030},{d1:"2018",d2:"Administration publique, professions juridiques, armée et police",m1:2060},{d1:"2019",d2:"Administration publique, professions juridiques, armée et police",m1:2180},{d1:"2020",d2:"Administration publique, professions juridiques, armée et police",m1:1910},{d1:"2021",d2:"Administration publique, professions juridiques, armée et police",m1:3310},{d1:"2022",d2:"Administration publique, professions juridiques, armée et police",m1:3810},{d1:"2017",d2:"Agriculture, marine, pêche",m1:10730},{d1:"2018",d2:"Agriculture, marine, pêche",m1:10200},{d1:"2019",d2:"Agriculture, marine, pêche",m1:11160},{d1:"2020",d2:"Agriculture, marine, pêche",m1:9530},{d1:"2021",d2:"Agriculture, marine, pêche",m1:11610},{d1:"2022",d2:"Agriculture, marine, pêche",m1:12840},{d1:"2017",d2:"Artisanat",m1:1150},{d1:"2018",d2:"Artisanat",m1:1300},{d1:"2019",d2:"Artisanat",m1:1070},{d1:"2020",d2:"Artisanat",m1:760},{d1:"2021",d2:"Artisanat",m1:1190},{d1:"2022",d2:"Artisanat",m1:1400},{d1:"2017",d2:"Banque et assurances",m1:4930},{d1:"2018",d2:"Banque et assurances",m1:3640},{d1:"2019",d2:"Banque et assurances",m1:3690},{d1:"2020",d2:"Banque et assurances",m1:2550},{d1:"2021",d2:"Banque et assurances",m1:3810},{d1:"2022",d2:"Banque et assurances",m1:4240},{d1:"2017",d2:"Bâtiment, travaux publics",m1:40360},{d1:"2018",d2:"Bâtiment, travaux publics",m1:42740},{d1:"2019",d2:"Bâtiment, travaux publics",m1:43130},{d1:"2020",d2:"Bâtiment, travaux publics",m1:32980},{d1:"2021",d2:"Bâtiment, travaux publics",m1:47160},{d1:"2022",d2:"Bâtiment, travaux publics",m1:53640},{d1:"2017",d2:"Commerce",m1:57580},{d1:"2018",d2:"Commerce",m1:59770},{d1:"2019",d2:"Commerce",m1:60080},{d1:"2020",d2:"Commerce",m1:34380},{d1:"2021",d2:"Commerce",m1:52830},{d1:"2022",d2:"Commerce",m1:65280},{d1:"2017",d2:"Communication, information, art et spectacle",m1:4590},{d1:"2018",d2:"Communication, information, art et spectacle",m1:3780},{d1:"2019",d2:"Communication, information, art et spectacle",m1:3930},{d1:"2020",d2:"Communication, information, art et spectacle",m1:2640},{d1:"2021",d2:"Communication, information, art et spectacle",m1:4200},{d1:"2022",d2:"Communication, information, art et spectacle",m1:5480},{d1:"2017",d2:"Électricité, électronique",m1:3970},{d1:"2018",d2:"Électricité, électronique",m1:4410},{d1:"2019",d2:"Électricité, électronique",m1:3470},{d1:"2020",d2:"Électricité, électronique",m1:2210},{d1:"2021",d2:"Électricité, électronique",m1:3350},{d1:"2022",d2:"Électricité, électronique",m1:4860},{d1:"2017",d2:"Enseignement, formation",m1:6530},{d1:"2018",d2:"Enseignement, formation",m1:6180},{d1:"2019",d2:"Enseignement, formation",m1:6900},{d1:"2020",d2:"Enseignement, formation",m1:5570},{d1:"2021",d2:"Enseignement, formation",m1:7900},{d1:"2022",d2:"Enseignement, formation",m1:8330},{d1:"2017",d2:"Études et recherche",m1:1430},{d1:"2018",d2:"Études et recherche",m1:1740},{d1:"2019",d2:"Études et recherche",m1:1710},{d1:"2020",d2:"Études et recherche",m1:920},{d1:"2021",d2:"Études et recherche",m1:1580},{d1:"2022",d2:"Études et recherche",m1:2850},{d1:"2017",d2:"Gestion, administration des entreprises",m1:45160},{d1:"2018",d2:"Gestion, administration des entreprises",m1:46140},{d1:"2019",d2:"Gestion, administration des entreprises",m1:42780},{d1:"2020",d2:"Gestion, administration des entreprises",m1:28660},{d1:"2021",d2:"Gestion, administration des entreprises",m1:43800},{d1:"2022",d2:"Gestion, administration des entreprises",m1:56290},{d1:"2017",d2:"Hôtellerie, restauration, alimentation",m1:56920},{d1:"2018",d2:"Hôtellerie, restauration, alimentation",m1:56300},{d1:"2019",d2:"Hôtellerie, restauration, alimentation",m1:57560},{d1:"2020",d2:"Hôtellerie, restauration, alimentation",m1:31950},{d1:"2021",d2:"Hôtellerie, restauration, alimentation",m1:56780},{d1:"2022",d2:"Hôtellerie, restauration, alimentation",m1:72470},{d1:"2017",d2:"Industries de process",m1:15270},{d1:"2018",d2:"Industries de process",m1:17380},{d1:"2019",d2:"Industries de process",m1:15970},{d1:"2020",d2:"Industries de process",m1:10700},{d1:"2021",d2:"Industries de process",m1:16200},{d1:"2022",d2:"Industries de process",m1:22920},{d1:"2017",d2:"Informatique et télécommunications",m1:10430},{d1:"2018",d2:"Informatique et télécommunications",m1:11460},{d1:"2019",d2:"Informatique et télécommunications",m1:9180},{d1:"2020",d2:"Informatique et télécommunications",m1:5680},{d1:"2021",d2:"Informatique et télécommunications",m1:8300},{d1:"2022",d2:"Informatique et télécommunications",m1:11420},{d1:"2017",d2:"Ingénieurs et cadres de l'industrie",m1:3650},{d1:"2018",d2:"Ingénieurs et cadres de l'industrie",m1:4890},{d1:"2019",d2:"Ingénieurs et cadres de l'industrie",m1:3930},{d1:"2020",d2:"Ingénieurs et cadres de l'industrie",m1:2520},{d1:"2021",d2:"Ingénieurs et cadres de l'industrie",m1:3820},{d1:"2022",d2:"Ingénieurs et cadres de l'industrie",m1:6020},{d1:"2017",d2:"Maintenance",m1:27150},{d1:"2018",d2:"Maintenance",m1:29040},{d1:"2019",d2:"Maintenance",m1:27080},{d1:"2020",d2:"Maintenance",m1:20370},{d1:"2021",d2:"Maintenance",m1:27230},{d1:"2022",d2:"Maintenance",m1:36270},{d1:"2017",d2:"Matériaux souples, bois, industries graphiques",m1:4870},{d1:"2018",d2:"Matériaux souples, bois, industries graphiques",m1:5400},{d1:"2019",d2:"Matériaux souples, bois, industries graphiques",m1:5440},{d1:"2020",d2:"Matériaux souples, bois, industries graphiques",m1:4210},{d1:"2021",d2:"Matériaux souples, bois, industries graphiques",m1:6050},{d1:"2022",d2:"Matériaux souples, bois, industries graphiques",m1:7860},{d1:"2017",d2:"Mécanique, travail des métaux",m1:23010},{d1:"2018",d2:"Mécanique, travail des métaux",m1:26210},{d1:"2019",d2:"Mécanique, travail des métaux",m1:20980},{d1:"2020",d2:"Mécanique, travail des métaux",m1:12510},{d1:"2021",d2:"Mécanique, travail des métaux",m1:19320},{d1:"2022",d2:"Mécanique, travail des métaux",m1:27730},{d1:"2017",d2:"Santé, action sociale, culturelle et sportive",m1:33550},{d1:"2018",d2:"Santé, action sociale, culturelle et sportive",m1:35190},{d1:"2019",d2:"Santé, action sociale, culturelle et sportive",m1:36090},{d1:"2020",d2:"Santé, action sociale, culturelle et sportive",m1:34610},{d1:"2021",d2:"Santé, action sociale, culturelle et sportive",m1:48680},{d1:"2022",d2:"Santé, action sociale, culturelle et sportive",m1:59100},{d1:"2017",d2:"Services aux particuliers et aux collectivités",m1:81680},{d1:"2018",d2:"Services aux particuliers et aux collectivités",m1:85710},{d1:"2019",d2:"Services aux particuliers et aux collectivités",m1:82680},{d1:"2020",d2:"Services aux particuliers et aux collectivités",m1:48910},{d1:"2021",d2:"Services aux particuliers et aux collectivités",m1:60940},{d1:"2022",d2:"Services aux particuliers et aux collectivités",m1:78570},{d1:"2017",d2:"Transports, logistique et tourisme",m1:53510},{d1:"2018",d2:"Transports, logistique et tourisme",m1:45750},{d1:"2019",d2:"Transports, logistique et tourisme",m1:42290},{d1:"2020",d2:"Transports, logistique et tourisme",m1:27870},{d1:"2021",d2:"Transports, logistique et tourisme",m1:43370},{d1:"2022",d2:"Transports, logistique et tourisme",m1:53800},]
};
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=['2017','2018','2019','2020','2021','2022',];
mydata["2017"] = [["Services aux particuliers et aux collectivités",81680],["Commerce",57580],["Hôtellerie, restauration, alimentation",56920],["Transports, logistique et tourisme",53510],["Gestion, administration des entreprises",45160],["Bâtiment, travaux publics",40360],["Santé, action sociale, culturelle et sportive",33550],["Maintenance",27150],["Mécanique, travail des métaux",23010],["Industries de process",15270],["Agriculture, marine, pêche",10730],["Informatique et télécommunications",10430],["Enseignement, formation",6530],["Banque et assurances",4930],["Matériaux souples, bois, industries graphiques",4870],["Communication, information, art et spectacle",4590],["Électricité, électronique",3970],["Ingénieurs et cadres de l'industrie",3650],["Administration publique, professions juridiques, armée et police",2030],["Études et recherche",1430],["Artisanat",1150],];
mydata["2018"] = [["Services aux particuliers et aux collectivités",85710],["Commerce",59770],["Hôtellerie, restauration, alimentation",56300],["Gestion, administration des entreprises",46140],["Transports, logistique et tourisme",45750],["Bâtiment, travaux publics",42740],["Santé, action sociale, culturelle et sportive",35190],["Maintenance",29040],["Mécanique, travail des métaux",26210],["Industries de process",17380],["Informatique et télécommunications",11460],["Agriculture, marine, pêche",10200],["Enseignement, formation",6180],["Matériaux souples, bois, industries graphiques",5400],["Ingénieurs et cadres de l'industrie",4890],["Électricité, électronique",4410],["Communication, information, art et spectacle",3780],["Banque et assurances",3640],["Administration publique, professions juridiques, armée et police",2060],["Études et recherche",1740],["Artisanat",1300],];
mydata["2019"] = [["Services aux particuliers et aux collectivités",82680],["Commerce",60080],["Hôtellerie, restauration, alimentation",57560],["Bâtiment, travaux publics",43130],["Gestion, administration des entreprises",42780],["Transports, logistique et tourisme",42290],["Santé, action sociale, culturelle et sportive",36090],["Maintenance",27080],["Mécanique, travail des métaux",20980],["Industries de process",15970],["Agriculture, marine, pêche",11160],["Informatique et télécommunications",9180],["Enseignement, formation",6900],["Matériaux souples, bois, industries graphiques",5440],["Communication, information, art et spectacle",3930],["Ingénieurs et cadres de l'industrie",3930],["Banque et assurances",3690],["Électricité, électronique",3470],["Administration publique, professions juridiques, armée et police",2180],["Études et recherche",1710],["Artisanat",1070],];
mydata["2020"] = [["Services aux particuliers et aux collectivités",48910],["Santé, action sociale, culturelle et sportive",34610],["Commerce",34380],["Bâtiment, travaux publics",32980],["Hôtellerie, restauration, alimentation",31950],["Gestion, administration des entreprises",28660],["Transports, logistique et tourisme",27870],["Maintenance",20370],["Mécanique, travail des métaux",12510],["Industries de process",10700],["Agriculture, marine, pêche",9530],["Informatique et télécommunications",5680],["Enseignement, formation",5570],["Matériaux souples, bois, industries graphiques",4210],["Communication, information, art et spectacle",2640],["Banque et assurances",2550],["Ingénieurs et cadres de l'industrie",2520],["Électricité, électronique",2210],["Administration publique, professions juridiques, armée et police",1910],["Études et recherche",920],["Artisanat",760],];
mydata["2021"] = [["Services aux particuliers et aux collectivités",60940],["Hôtellerie, restauration, alimentation",56780],["Commerce",52830],["Santé, action sociale, culturelle et sportive",48680],["Bâtiment, travaux publics",47160],["Gestion, administration des entreprises",43800],["Transports, logistique et tourisme",43370],["Maintenance",27230],["Mécanique, travail des métaux",19320],["Industries de process",16200],["Agriculture, marine, pêche",11610],["Informatique et télécommunications",8300],["Enseignement, formation",7900],["Matériaux souples, bois, industries graphiques",6050],["Communication, information, art et spectacle",4200],["Ingénieurs et cadres de l'industrie",3820],["Banque et assurances",3810],["Électricité, électronique",3350],["Administration publique, professions juridiques, armée et police",3310],["Études et recherche",1580],["Artisanat",1190],];
mydata["2022"] = [["Services aux particuliers et aux collectivités",78570],["Hôtellerie, restauration, alimentation",72470],["Commerce",65280],["Santé, action sociale, culturelle et sportive",59100],["Gestion, administration des entreprises",56290],["Transports, logistique et tourisme",53800],["Bâtiment, travaux publics",53640],["Maintenance",36270],["Mécanique, travail des métaux",27730],["Industries de process",22920],["Agriculture, marine, pêche",12840],["Informatique et télécommunications",11420],["Enseignement, formation",8330],["Matériaux souples, bois, industries graphiques",7860],["Ingénieurs et cadres de l'industrie",6020],["Communication, information, art et spectacle",5480],["Électricité, électronique",4860],["Banque et assurances",4240],["Administration publique, professions juridiques, armée et police",3810],["Études et recherche",2850],["Artisanat",1400],];
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: 20,
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: "12px",
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: "12px",
fontWeight: "normal",
textDecoration: "plain",
fontStyle: "normal" }
},
},
tooltip: {
headerFormat: '{series.name}
',
pointFormat: '
{point.name}
\u25CF Nb d\'offres : {point.y}
',
valueDecimals: 0,
valuePrefix: '',
valueSuffix: ''
},
legend: {
align: "right",
verticalAlign: "bottom",
itemStyle: {color: "#848284",
fontFamily: "Arial",
fontWeight: "bold",
fontSize: "20px",
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);
}