สอบถามเกี่ยวกับการดึงข้อมูลจาก database มาเก็บในตัวเเปร ของ Javascript

<?php
require_once 'test_ajax.php';
?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>window.jQuery || document.write(decodeURIComponent('%3Cscript src="js/jquery.min.js"%3E%3C/script%3E'))</script>
<link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/19.2.6/css/dx.common.css" />
<link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/19.2.6/css/dx.light.css" />
<script src="https://cdn3.devexpress.com/jslib/19.2.6/js/dx.all.js"></script>
<style>
    #chart {
        height: 440px;
    }
</style>

<div class="dx-viewport demo-container">
    <div id="chart"></div>
</div>

<script>
    $(function () {
        $("#chart").dxChart({
            dataSource: dataSource,
            commonSeriesSettings: {
                argumentField: "state",
                type: "bar",
                hoverMode: "allArgumentPoints",
                selectionMode: "allArgumentPoints",
                label: {
                    visible: true,
                    format: {
                        type: "fixedPoint",
                        precision: 0
                    }
                }
            },
            series: [
                {valueField: "cases", name: "ผู้ติดเชื้อ", color: '#ea5771'},
                {valueField: "active_cases", name: "กำลังรักษา", color: '#f1be09'},
                {valueField: "total_recovered", name: "หายแล้ว", color: '#08d064'},
                {valueField: "deaths", name: "เสียชีวิต", color: 'red'}
            ],
            title: "Gross State Product within the Great Lakes Region",
            legend: {
                verticalAlignment: "bottom",
                horizontalAlignment: "center"
            },
            "export": {
                enabled: true
            },
            onPointClick: function (e) {
                e.target.select();
            }
        });
    });

    var dataSource = [{
            state: "20/03/2563",
            cases: 322,
            active_cases: 279,
            total_recovered: 42,
            deaths: 1

        }];
    
    
</script>