JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/flot/flot/master/jquery.flot.js"></script>
<script src="https://raw.github.com/flot/flot/master/jquery.flot.stack.js"></script>
  <div id="placeholder" style="width:550px;height:200px;"></div>

CSS

#placeholder a.hiddenOrder {display:none;}

JavaScript

$(function () {
    
    var data = [
        {label: '<a class="hiddenOrder">2</a>foo', data: [[1,300], [2,300], [3,300], [4,300]]},
        {label: '<a class="hiddenOrder">1</a>bar', data: [[1,800], [2,600], [3,400], [4,200]]},
        {label: '<a class="hiddenOrder">3</a>baz', data: [[1,100], [2,200], [3,300], [4,400]]},
    ];
    
    var options = {
        series: {stack: 1,
                 bars: {show: true, barWidth: 0.9, align: 'center',},},
                 xaxis: {ticks: [[1,'One'], [2,'Two'], [3,'Three'], [4,'Four']]},
        legend: {sorted: true}                        
    };

    $.plot($("#placeholder"), data, options);
});