1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77
| $(function () {
$('#container').highcharts({
chart: {
zoomType: 'xy'
},
title: {
text: 'Qualité de délai du traitement des demandes de service'
},
xAxis: [{
categories: ['Déc 14', 'Jan 15', 'Fev 15', 'Mar 15', 'Avr 15', 'Mai 15',
'Juin 15', 'Jui 15', 'Août 15 ', 'Sept 15', 'Oct 15', 'Nov 15','Déc 15','Moyenne'],
crosshair: true
}],
yAxis: [{ // Primary yAxis
title: {
text: 'Pourcentage'
},
tooltip:{
shared:true
},
plotOptions: {
spline: {
stacking: 'percent'
}
},
opposite: true
}, { // Secondary yAxis
title: {
text: ''
},
}],
tooltip: {
shared: true
},
legend: {
enabled :true
},
plotOptions: {
column: {
stacking: 'normal',
dataLabels: {
enabled: true
}
}
},
series: [{
name:'>48h',
type:'column',
yAxis:1,
data:[109,117,43,107,208,509,77,63,33,50,94,49,79,122]
},
{
name: '<48h',
type:'column',
yAxis:1,
data: [397, 345, 349, 415, 342, 412, 576, 610, 541, 749, 610, 447,411,483]
},{
name: '%<48h',
type: 'spline',
data: [77, 74, 90, 80, 62, 45, 87, 90, 93, 92,86, 89,84,80],
tooltip: {
valueSuffix: '%'
}
},{
name: 'Engagement',
type: 'spline',
data: [85,85,85,85,85,85,85,85,85,85,85,85,85,85],
tooltip: {
valueSuffix: '%'
}
}]
});
}); |
Partager