JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(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: '%'
			            }
		            },{
			           ...