JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://c3js.org/js/d3-3.5.0.min-3b564392.js"></script>
<script src="http://c3js.org/js/c3.min-12912fb6.js"></script>
<link rel="stylesheet" href="http://c3js.org/css/c3-b03125fa.css">

<div class='chart'>
<div id='chart'></div>
</div>

JavaScript

var chart = c3.generate({
    padding: {
        top: 4,
        right: 10,
        bottom: 4,
        left: 40,
    },
    data: {
        columns: [
            ['sample', 30, 200, 100, 400, 150, 2500]
        ]
    }, 
    axis: {
        x: {
            padding: {
                left: 0,
                right: 0,
            }
        }
    }
});