JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.3.0/c3.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/c3/0.3.0/c3.css">
<div id="chart">
</div>

JavaScript

var chart = c3.generate({
    data: {
        columns: [
            ['de', 30],
            ['da', 20],
            ['db', 50],
        ],
        groups: [
            ['de', 'da', 'db']
        ],
        type: 'bar',
        labels: {
            format:{
                y: function (v, id) { return id; },
            }
        }
    },
    grid: {
        y: {
            lines: [{value: 0}]
        }
    }
});

d3.selectAll(".c3-texts .c3-text").each(function () {
    var yOrigin = d3.select(this).attr('y');
    console.log(yOrigin);
    //d3.select(this).attr('y',100);
})