Javascript 条形图，chart.js PHP将不加载_Javascript_Php_Ajax_Chart.js

Javascript 条形图，chart.js PHP将不加载

javascript php ajax chart.js

Javascript 条形图，chart.js PHP将不加载,javascript,php,ajax,chart.js,Javascript,Php,Ajax,Chart.js,我试图用chart.js创建一个条形图，它采用PHP数组并通过ajax加载。我可以使用ajax加载数据（在控制台中验证），但无法在图形中获取数据-以下是控制台中的数据：我没有收到任何错误消息，所以我现在很困惑。以下是所有代码： HTML <?php include 'connect.php'; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh

我试图用chart.js创建一个条形图，它采用PHP数组并通过ajax加载。我可以使用ajax加载数据（在控制台中验证），但无法在图形中获取数据-以下是控制台中的数据：

我没有收到任何错误消息，所以我现在很困惑。以下是所有代码：

HTML

<?php
include 'connect.php';
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

</head>

<body>

</canvas><canvas id="myChart"></canvas>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="javascript/charts.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>

</body>

它不起作用的原因是，您将响应数据作为JSON字符串而不是JSON对象获取

因此，要使它与ChartJS一起工作，首先需要使用

JSON.parse（）

方法解析它

$(document).ready(function() {
   $.ajax({
      url: "prod_agg.php",
      method: "GET",
      success: function(data) {
         console.log(data);

         var data = JSON.parse(data);   //parse JSON string

         var date = [];
         var output = [];
         ...

它不起作用的原因是，您将响应数据作为JSON字符串而不是JSON对象获取

因此，要使它与ChartJS一起工作，首先需要使用

JSON.parse（）

方法解析它

$(document).ready(function() {
   $.ajax({
      url: "prod_agg.php",
      method: "GET",
      success: function(data) {
         console.log(data);

         var data = JSON.parse(data);   //parse JSON string

         var date = [];
         var output = [];
         ...

你知道控制台数据应该是什么格式吗？或者确切地说，控制台输出的照片是正确的格式。我的猜测是，问题源于试图将值推入“日期”和“输出”数组。您知道控制台数据的格式吗？或者确切地说，控制台数据应该是什么样子的>'据我所知，控制台输出的照片是正确的格式。我的猜测是，问题源于试图将值推入“日期”和“输出”数组。