JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.flotcharts.org/flot/jquery.flot.js"></script>
<div id="baryear" style="width:500px;height:250px"></div>

JavaScript

$(function () {
 
var datayear = [["junio",390],["julio",125],["agosto",50]];
var data = [], ticks = []; 
for (var i = 0; i < datayear.length; i++) {
    data.push([i,datayear[i][1]]);
    ticks.push([i,datayear[i][0]]);
}
    
$.plot(
    $("#baryear"),
    [{
        data : data,
        color: '#012D4C',
        bars: { show: true, fillColor: '#4682b4', align: 'center' }
    }],
    {
        grid: { color: '#012D4C' },
        xaxis: {
            ticks: ticks
        }
    }
);
});