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', 0, 50, 100],
            ['data1', 100],
            ['data2', 40], ]
    },
    axis: {
    	rotated:true,
        y: {
        tick: {
           values:[0, 50 ,100],
           format : function(x){
           	return x + '%';
           	}
           }
        },
        x:{
        	type: 'categorized',
           tick: {
                                            format: function (x) { return ''; }
                                        }
         
        }
    }
});