JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
<canvas id="dashboard-click-source-chart"></canvas>

JavaScript

var topClickSourcesChart = new Chart('dashboard-click-source-chart', {
    type: 'bar',
    data: {
      labels: ["Number of users"],
      datasets: [{
      	label: 'Facebook',
        data: [10],
        backgroundColor: '#4D90C3',
      },
      {
      	label: 'Instagram',
        data: [15],
        backgroundColor: '#866DB2',
      },
      {
      	label: 'Twitter',
        data: [7],
        backgroundColor: '#EA6F98',
      }],
    },
    options: {
        scales: {
            xAxes: [{
                display: false,
            }],
            yAxes: [{
            ticks: {
                beginAtZero: true
            }
        }]
        },
        legend: {
            position: 'right',
            labels: {
                boxWidth: 10,
            }
        }
    }
});