JSFiddle - React, Tailwind, and code Playground

by lvchlin

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({
    "bindto":"#chart","data":{"type":"bar","columns":[["dates","2023-03-01","2023-03-19","2023-03-20"],["depositors","1","1","1"],["non-depositors","0","0","0"]],"x":"dates","groups":[["depositors","non-depositors"]]},"axis":{"x":{"label":{"text":"Days","position":"outer-right"},"type":"timeseries","tick":{"fit   ":"false","outer ":"false","format":"%d-%m-%Y"}},"y":{"label":{"text":"Count","position":"inner-middle"}}}
});