JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/masayuki0812/c3/master/c3.js"></script>
<link rel="stylesheet" href="https://rawgit.com/masayuki0812/c3/master/c3.css">
<div id="chart"></div>

JavaScript

var chart = c3.generate({
    data: {
        x: 'x',
        type: 'bar',
        columns: [
            ['x', '2016-01-05', '2016-01-06', '2016-01-10'],
            ['data1', 50, 56, 75],
            ['data2', 2, 2, 2]
        ],
        groups: [
['data1', 'data2']
]
    },
    axis: {
        x: {
            type: 'timeseries',
            tick: {
            fit: false,
                format: '%Y-%m-%d'
            }
        }
    }
});