JSFiddle - React, Tailwind, and code Playground

by denova

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": {
        "type": "bar",
        "columns": [
            ["x", "A", "B", "C", "D", "E"],
            ["Series 1", 1, 2.5, 4, 3, 1.5],
            ["Series 2", 4, 2, 1, 3, 1]
        ],
        "x": "x"
    },
    "legend":{
        "position": "inset"
    },
    "axis": {
        "x": {
            "type": "category",
            "label": "x"
        },
        "y": {
            "padding": {
                "top": 150,
                "bottom": 150
            },
            "label": "y"
        }
    },
    "grid": {
        "y": {
            "show": true
        }
    },
    "size": {
        "height": 414,
        "width": 639
    },
    "interaction": {
        "enabled": false
    }
});