JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/c3/0.4.9/c3.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/c3/0.4.9/c3.min.js"></script>
<div id="users-chart"></div>

CSS

#users-chart {
    width: 500px;
}

JavaScript

var chartCompany = c3.generate({
    bindto: '#users-chart',        
    data: {
        x: 'Company',
        columns: [
            ['Company', 'Company 1', 'Company 2', 'Company 3'],
            ['Users', 20, 50, 30]
        ],
        type: 'bar',
        axes: {
            Company: 'x'
        },
        onclick: function (d, i) { console.log(chartCompany.data('Company')); }
    },
    axis: {
        x: {
            type: 'category',
             show: false
        },
    }
});