JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<script src="http://www.amcharts.com/lib/3/pie.js"></script>
<div id="chartdiv"></div>

CSS

#chartdiv {
    width: 100%;
    height: 400px;
}

JavaScript

var chartColors = ["#feeb1e", "#bada55", "#10aded", "#c0ffee", "#ba11ad", "#d00d1e", "#ca571e", "#babb1e", "#bee71e"];
var chartData = [ {
    "key": "Steve Org",
    "value": 50,
    "desc": "average progress:"
}, {
    "key": "Louis Org",
    "value": 70,
    "desc": "average progress:"
}, {
    "key": "Bill Gates Org, which has a really long name",
    "value": 60,
    "desc": "average progress:"
}, {
    "key": "Nescafe Org",
    "value": 80,
    "desc": "average progress:"
}, {
    "key": "Meatloaf Org",
    "value": 40,
    "desc": "average progress:"
}, {
    "key": "Snoopy Org",
    "value": 50,
    "desc": "average progress:"
}, {
    "key": "King Org",
    "value": 80,
    "desc": "average progress:"
}, {
    "key": "Stream Org",
    "value": 90,
    "desc": "average progress:"
}, {
    "key": "Bug Org",
    "value": 70,
    "desc": "average progress:"
} ];
for (i = 0; i < chartData.length; i++) {
   chartData[i].color = chartColors[i];
}
var chart = AmCharts.makeChart( "chartdiv", {
    "type": "serial",
    "categoryField": "key",
    "graphs": [ {
        "balloonText": "[[key]] - [[value]]%",
        "columnWidth": 0.6,
        "fillAlphas": 1,
        "fillColorsField": "color",
        "labelColorField": "color",
        "lineColorField": "color",
        "colorField": "color",
        "type": "column",
        "valueField": "value"
    } ],
    "categoryAxis": {
        "autoWrap": true,
        "gridPosition": "start",
        "axisAlpha": 0.3,
        "gridAlpha": 0,
        "labelFunction": function( label ) {
            return label.substring( 0, 10 ) + "..";
        },
    },
    "valueAxes": [ {
        "maximum": 100,
        "minimum": 0,
        "axisAlpha": 0.3,
        "gridAlpha": 0,
        "title": "Average progress %"
    } ],
    "titles": [ {
        "color": "#666",
        "size": 11,
        "text": "Title Lorem ipsum dolor sit amet, consectetur"
    } ],
    "dataProvider": chartData
},0);

chart.addListener( "init",...