JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.min.css" />
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.barRenderer.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.pointLabels.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.cursor.min.js"></script>

<div id="chart" style="height:300px; width:500px;"></div>

JavaScript

$(document).ready(function(){
var yAxisLabels = ["Label1", "Label2", "Label3", "Label4","label5","label6"];
var legendValues = ["series1", "series2", "series3", "series4"];
var pLabels1 = ['18%','23%','32%','43%','40%','40%'];
var pLabels2 = ['58%','48%','52%','50%','53%','43%'];
var pLabels3 = ['10%','14%','9%','3%','3%','13%'];
var pLabels4 = ['14%','15%','8%','5%','4%','4%'];
var series = [
                        { pointLabels: { labels: pLabels4 }},
                        { pointLabels: { labels: pLabels3 }},
                        { pointLabels: { labels: pLabels2 }},
                        { pointLabels: { labels: pLabels1 } }];
var plot = $.jqplot('chart', [[[127,1],[390,2],[4042,3],[523,4],[1052,5],[121,6]], [[421,1],[825,2],[6633,3],[608,4],[1392,5],[128,6]], [[75,1],[249,2],[1170,3],[33,4],[79,5],[40,6]], [[99,1],[261,2],[977,3],[64,4],[110,5],[11,6]]], {
                stackSeries: true,
                seriesDefaults: {
                    shadow: false,
                    renderer: $.jqplot.BarRenderer,
                    rendererOptions: { fillToZero: true, barDirection: 'horizontal', highlightMouseOver: true},
                    pointLabels: {
                        show: true, stackedValue: false, location: 'w', hideZeros: true, edgeTolerance: 40
                    }
                },
                axes: {
                     xaxis: {
                        tickOptions: {
                            show: true,
                            mark: 'cross',
                            formatString: "%'d",
                            showGridline: false
                        },
                        min: null,
                        max: null,
                        showTickMarks: true
                    },
                    yaxis: {
                        renderer: $.jqplot.CategoryAxisRenderer,
                        ticks: yAxisLabels
                    }
                },
                grid: {
                   ...