ボタンを押した時値を送りその時のデータベースの情報をグラフ化

前提・実現したいこと

私は今HTMLでボタンを押した時にデータベースの値の時間（datetime）と合計（auth）をグラフに表示することをやっています。
表示するだけならできるのですがこの時ボタンを押したらある一定の時間をJavaScriptでPHPに送ってそれをphpで受け取って変数に格納してその変数を交えたSELECT文でデータベースの値を取得してまたJavaScriptに送り返してその時のグラフを表示というのを実現したいのですがエラーが出てグラフが表示されない状態になっています。POSTはできてるのでおそらくPHP側の問題かと思われますがわからないのでぜひ力添えをお願いしたいです。

発生している問題・エラーメッセージ

エラーメッセージ
VM621:1 Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

該当のソースコード

HTML
1ソースコード
2<!DOCTYPE html>
3<html lang="ja">
4<head>
5  <meta charset="utf-8">
6　<title>グラフ</title> 
7      <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.js"></script>
8      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 
9       
10        
11</head>
12<body>
13  
14    
15   <button type="button"　name="april" id="april">
16    <script src="graph.js"></script>
17    第一周目</button>
18  <canvas id="myLineChart"style="width: 100%;height:500px;"></canvas>
19 
20</body>
21</html>
22

PHP
1<?php
2	include 'db_config.php';
3	$swan_image = array();
4
5
6	try
7	{
8	 // connect
9	 $db = new PDO(PDO_DSN, DB_USERNAME, DB_PASSWORD);
10	 $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
11	 //最新の情報
12  	$begin = $_POST["begin"];
13//$end = $_POST['end'];
14	 
15
16
17	 $stmt = $db->query("SELECT auth,datetime FROM `swan_image` WHERE `auth`!=-1 AND `datetime` BETWEEN $begin AND '2021-4-21' ");
18	 $swan_image = $stmt->fetchAll(PDO::FETCH_ASSOC);
19
20	 /* $id = $swan_image['id'];
21	 $image_path = $swan_image['image_path'];
22	 $auth = $swan_image['auth'];
23	 $date =$swan_image['datetime'];*/
24
25	 $db = null;
26	}
27	catch(PDOException $e)
28	{
29	echo $e->getMessage();
30	exit;
31	}
32
33	$swan_image_json=json_encode($swan_image);
34	echo $swan_image_json;
35?>
36

JavaScript
1document.getElementById('april').onclick = function() {
2const url='allsyutoku.php';
3//let date=({'begin_date':'2021-4-12','end_date':'2021-4-18'});
4/*const params = new URLSearchParams(date);
5fetch(url+'?'+params.toString())
6.then(function(response){
7    console.log(response.headers.get('Content-Type')); //text/html; charset=UTF-8
8    console.log(response.headers.get('Date')); //Wed, 16 Jan 2019 03:08:21 GMT
9    console.log(response.status); //200
10});*/
11const day = "2021-4-13";
12console.log({"begin": day});
13$.ajax({
14    url: url,
15    type: 'POST',
16    data: {"begin": day}
17    //通信状態に問題がないかどうか
18     }).done((data) => {
19       // console.log(url);
20       console.log(data);
21       console.log("成功");
22    });
23
24
25
26  
27  /*let param=JSON.parse('</*?php echo $swan_image_json;  ?>');
28 console.log( param ); jsonをデコード*/
29//const url="allsyutoku.php"
30//APIからJSONデータを取得する
31let response=fetch(url)
32       .then(response => response.json())
33       .then(date => {
34       console.log(date);
35       
36const date_list=date.map(function (value){
37  return value.datetime;
38       });
39       
40const auth_list=date.map(x => x.auth);
41let ctx = document.getElementById("myLineChart");
42  let myLineChart = new Chart(ctx, {
43    type: 'line',
44    data: {
45      labels: date_list,
46      datasets: [
47        {
48          label: '匹数',
49           data: auth_list,
50          borderColor: "rgba(0,0,255,1)",
51          backgroundColor: "rgba(0,0,0,0)"
52        }
53      ],
54    },
55    options: {
56      title: {
57        display: true,
58       
59      }
60    }
61  });
62     })
63  
64
65}