sql — Попытка использовать Chart с использованием данных из SQLServer в json в php

<div id="chart-container">
<canvas id="graphCanvas"></canvas>
</div>
<script>
$(document).ready(function () {
showGraph();
});
function showGraph()
{
{
$.post("grafik1.php",
function (data)
{
console.log(data);
var name = [];
var marks = [];

for (var i in data) {
name.push(data[i].nama);
marks.push(data[i].jumlah_warga);
}

var chartdata = {
labels: name,
datasets: [
{
label: 'Nama Kota',
backgroundColor: '#49e2ff',
borderColor: '#46d5f1',
hoverBackgroundColor: '#CCCCCC',
hoverBorderColor: '#666666',
data: marks`enter code here`
}
]
};

var graphTarget = $("#graphCanvas");

var barGraph = new Chart(graphTarget, {
type: 'bar',
data: chartdata
});
});
}
}
</script>
<p>
</p>
</div>

Код выше — это то, что я использовал для вызова данных json из grafik.php, а ниже — код для grafik1.php

<?php
header('Content-Type: application/json');
include "conf/conn.php";
$sql = "SELECT nama,jumlah_warga FROM kota";
$stmt = sqlsrv_query( $conn, $sql );

if( $stmt === false)
{
echo "Error in query preparation/execution.\n";
die( print_r( sqlsrv_errors(), true));
}
$data = array();
while( $row = sqlsrv_fetch_array( $stmt, SQLSRV_FETCH_ASSOC))
{
$data[] = $row;
}
echo json_encode($data);
?>

Когда я использую заголовок, он отображается пустым, но когда я его не использую, он просто показывает график без какого-либо значения или неопределенного значения, как если бы json был пустым.
я хочу разобрать select с sql server в json и вызвать его через ajax в моем индексе. Как я могу это сделать?