JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://www.chartjs.org/dist/2.8.0/Chart.min.js" ></script>
<script src="https://www.chartjs.org/samples/latest/utils.js" ></script>

<div id="container" style="width: 100%;">
    <canvas id="canvas"></canvas>
</div>

JavaScript

var color = Chart.helpers.color;


    var barChartData = {

        labels: ["01/08/2562 ","02/08/2562 ","03/08/2562 ","04/08/2562 ","05/08/2562 "],
        datasets: [{
            label:"a1",
            backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
            borderColor: window.chartColors.red,
            borderWidth: 1,
            data: [1523,1840,1745,1489,1689]
        }]

    };

    var ctx = document.getElementById('canvas').getContext('2d');
        window.myBar = new Chart(ctx, {
            type: 'bar',
            data: barChartData,
            options: {
                responsive: true,
                legend: {
                    display: false,
                },
                title: {
                    display: true,
                    text: 'กราแสดงยอดขาย'
                }
            }
        });