JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.flotcharts.org/javascript/jquery.flot.min.js"></script>
<div id='Chart' style="width:600px; height:300px;"></div>

JavaScript

var arrC1 = [[7,5], [3,4],[4,3],[6,2],[4,1]];

var arrC2 = [[2,5], [1,4],[0,3],[5,2],[4,1]];

var ticksl = [5,4,3,2,1];

var data = [
    {label: 'lC1', data: arrC1, color: 'red'},
    {label: 'lC2', data: arrC2, color: 'green'}
    ];

var bWidth=0.15;

$.plot($('#Chart'), data, {
    series:{
        bars: {
            show:true,
            barWidth: bWidth,
            order: 1,
            horizontal: true
        }
    },
    grid:{
        align: "center"
    },
    legend:{
        show: true
    },
    yaxis: {
        ticks: ticksl
    }
});