如何从JavaScript文件中正确解压缩编码为JSON的PHP数组中的数据

我已经做了几个小时的搜索，并尝试了不同的代码片段和技术，但我就是不能让它们中的任何一个工作。我做过研究，我只是一个非常没有经验的开发人员，想要边做边学。

我的最终目标:有一个实时更新的图表，测试结果数据从MySQL数据库中提取，并使用Chart.JS库呈现。

我已经做了什么:

1. 我有一个HTML文件嵌入JavaScript和调用AJAX函数自动刷新页面每5分钟(这已经过测试和工作)。
2. 我有一个PHP文件，打开一个PDO连接到本地MySQL数据库，运行3个选择查询，并将结果存储到3个PHP数组。(我已经遍历了数组并返回了结果，数据很好)。
然后使用json_encode()将这些PHP数组中的数据存储到JSON对象中如。$totalTestsPassedArray = array(); $sql = "SELECT totalTestsPassed FROM execution ORDER BY lastDate"; $query = $conn->prepare($sql); $query->execute(array(':totalTestsPassed' => $totalTestsPassed)); while($row = $query->fetch()){ array_push($totalTestsPassedArray, $row['totalTestsPassed']); } $json_totalTestsPassedArray = json_encode($totalTestsPassedArray); //pack data into JSON object echo $json_totalTestsPassedArray; // for accessibility by AJAX foreach ($totalTestsPassedArray as $item){ //print out contents of array echo $item . '<br>'; }

我读到一个方法来消费这个JSON数据是使用jQuery的$。为了使用它，我必须"回显"出json_encoded对象的结果。我意识到我把结果打印了两次。echo $json_totalTestsPassedArray用于上述目的。

var data = {
        labels : ["January","February","March","April","May","June","July"],
        datasets : [
            {
                fillColor : "rgba(220,220,220,0.5)",
                strokeColor : "rgba(220,220,220,0.8)",
                highlightFill: "rgba(220,220,220,0.75)",
                highlightStroke: "rgba(220,220,220,1)",
                data : [DATA FROM MY PHP ARRAY IN ANOTHER FILE WOULD GO HERE...]
            }