JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3"></script>

<div style="height:400px;">
    <canvas id="barChart" xheight="140px"></canvas>
</div>

JavaScript

$(function(){
        let aid;
        let $radio_input;
        let none_obs;
        let display = true;
        let $js_dom_array = ["76.44", "120.00"];
        let $js_am_label_arr = ["None $0", "Terrace - Large $2000"];
        if($js_am_label_arr.length > 20){
            display = false;
        }
        let $js_backgroundColor = ["rgba(26,179,148,0.5)", "rgba(26,179,148,0.5)"];

        // let $div = document.getElementById("barChart");
        // $div.height="140";
        let ctx2 = document.getElementById("barChart").getContext("2d");
        let chart = new Chart(ctx2, {
            type: 'bar',
            data: {
                labels: $js_am_label_arr,
                datasets: [{
                    label: 'DOM',
                    data: $js_dom_array,
                    backgroundColor: $js_backgroundColor,
                    barPercentage: 0.4,
                    maxBarThickness: 50,
                    // maxBarLength: 5,
                }]
            },
            options: {
                legend: {
                    display: false
                },
                responsive: true,
                maintainAspectRatio: false,
                legendCallback: function(chart) {
                    var text = [];
                    for (var i=0; i<chart.data.datasets.length; i++) {
                        text.push(chart.data.labels[i]);
                    }
                    return text.join("");
                },
                tooltips: {
                    mode: 'index',
                    callbacks: {
                        // Use the footer callback to display the sum of the items showing in the tooltip
                        title: function(tooltipItem, data) {
                            let title_str = data['labels'][tooltipItem[0]['index']];
                            // let lastIndex = title_str.lastIndexOf(" ");
                            // return title_str.substring(0, lastIndex);
                           ...