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; max-width: 800px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        chart: { type: 'bar' },
        title: { text: 'Graphe Conformité ISO 27002' },
        exporting: { enabled: false },
        legend: { enabled: false },
        credits: { enabled: false },
        xAxis: { type: 'category' },
        yAxis: { title: { text: 'Note' }, tickInterval: 1 },
        plotOptions: { series: {dataLabels: { enabled: true }}},
        series: [{
            name: 'Note',
            colorByPoint: true,
            data: [{
                name: 'A.5 - Politique de sécurité de l\'information',
                y: 2,
                color: 'orange'
            }, {
                name: 'A.6 - Organisation de la sécurité de l\'information',
                y: 1.87,
                color: 'orange'
            }, {
                name: 'A.7 - La sécurité des ressources humaines',
                y: 3,
                color: 'green'
            }, {
                name: 'A.12 - Sécurité liée à l\'exploitation',
                y: 1,
                color: 'red'
            }]
        }]
    });
});