JSFiddle - React, Tailwind, and code Playground

HTML

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

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

JavaScript

$(function() {
    var chart;
    $(document).ready(function() {
        chart1 = new Highcharts.Chart({
            "chart": {
                "renderTo": "right-1",
                "type": "bar",
                "width": "500",
                "height": "350"
            },
            "xAxis": {
                "categories": [""],
                "allowDecimals": null
            },
            "yAxis": {
                "labels": {
                    "overflow": "justify"
                },
                "title": "",
                "max": 100
            },
            "tooltip": {
                "formatter": function() {
                    return '' + this.series.name ;
                }


            },
            "title": "Overall CSC Implementation",
            "plotOptions": {
                "bar": {
                    "groupPadding": null,
                    "borderWidth": null,
                    "dataLabels": {
                        "enabled": null,
                        "color": "",
                        "style": {
                            "fontSize": "",
                            "font-weight": "bold"
                        },
                        "formatter": function() {
                            return this.series.name + " - " + this.y + "%";
                        }
                    }
                }
            },
            "exporting": {
                "enabled": false
            },
            "credits": {
                "enabled": false
            },
            "labels": {
                "enabled": false
            },
            "legend": {
                "layout": "vertical",
                "align": "top",
                "verticalAlign": "top",
                "y": 0,
                "x": 0,
                "floating": false,
                "borderWidth": 1,
                "backgroundColor": "#FFFFFF",
                "shadow": true
            },
            "series": [{
               ...