JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js"></script>
<canvas id="graph_1" style="margin:100px;"></canvas>
<canvas id="graph_2" style="margin:100px;"></canvas>

JavaScript

var offset = 6;
			var chart_graph_1
			// Super slim line :o)
			$(document).ready(function(){
				var graph_1 = $('#graph_1');


			Chart.defaults.global.legend.labels.usePointStyle = true;
			Chart.defaults.scale.gridLines.drawOnChartArea = false;


				chart_graph_1 = new Chart(graph_1, {
    "type": "bar",
    "data": {
        "labels": [
            "2020-08-01",
            "2020-09-01",
            "2020-10-01"
        ],
        "datasets": [
            {
                "label": "Title test 1",
                "data": [
                    30,
                    20,
                    60
                ],
                "xAxisID": "bar-x-axis-1",
                "barThickness": 14,
                "backgroundColor": "rgba(241,213,157,1)",
                "borderColor": "rgba(241,213,157,1)",
                "pointBackgroundColor": "rgba(241,213,157,1)"
            },
            {
                "label": "Title test 2",
                "data": [
                    30,
                    20,
                    60
                ],
                "xAxisID": "bar-x-axis-2",
                "barThickness": 14,
                "backgroundColor": "rgba(237,141,120,1)",
                "borderColor": "rgba(237,141,120,1)",
                "pointBackgroundColor": "rgba(237,141,120,1)"
            },
            {
                "label": "Title test 3",
                "data": [
                    30,
                    20,
                    60
                ],
                "xAxisID": "bar-x-axis-3",
                "barThickness": 14,
                "backgroundColor": "rgba(120,199,212,1)",
                "borderColor": "rgba(120,199,212,1)",
                "pointBackgroundColor": "rgba(120,199,212,1)"
            }
        ]
    },
    "plugins": {
        "afterUpdate": function(chart) {var datasets = chart.config.data.datasets;for (let iDs = 1; iDs < datasets.length; iDs++) {let dataset = datasets[iDs];for (var i = 0; i <...