JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
<canvas id="myChart" height="100"></canvas>

JavaScript

var ctx = document.getElementById("myChart").getContext("2d");
var myChart = new Chart(ctx, {
  type: 'horizontalBar',
  data: {
    labels: [['Row one', 'Row two', 'Row three'], ['Row one a', 'Row two a', 'Row three a']],
    datasets: [{
      data: [20, 15, 27, 18],
      backgroundColor: 'rgba(54, 162, 235,0.5)',
    }]
  }
});