sample-c3-js.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.5.1/c3.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.5.1/c3.min.js"></script>
<div id="sample-c3" style="width: 100%; height: 300px;"></div>
<script type="text/javascript">
    var chart = c3.generate({
    bindto: '#sample-c3',
        data: {
            columns: [
                ['data1', 30, 200, 100, 400, 150, 250]
            ],
            colors: {
                data1: '#FF6384'
            },
            type: 'bar'
        }
    });
</script>