Привет, ребята, я пытаюсь добавить график на моем сайте, я использую плагин jquery с именем canvasjs и извлекаю данные из базы данных mysql с помощью php, но когда я пытаюсь загрузить страницу, я получаю это в своей консоли,
TypeError: Cannot read property 'x' of undefined at p._processMultiseriesPlotUnit
вот мой php-код
<?php
require_once '../../include/dbcon2.php';
$dataPoints = array();
$groups = array();
$data = mysqli_query($newconn, "SELECT SUM(sales_order.quantity) AS quantity, order_details.date_time,
sales_order.id FROM order_details
INNER JOIN sales_order ON sales_order.order_id = order_details.order_id
WHERE order_details.payment_status = 'Approved' GROUP BY sales_order.order_id ");
while ($row = mysqli_fetch_array($data)) {
$mydate = $row['date_time'];
$quantity = $row['quantity'];
$date = date("Y-m",strtotime($mydate));
array_push($dataPoints, array("label" => $date ,"y" => $quantity));
}
foreach ($data as $item) {
$key = $item['label'];
if (!array_key_exists($key, $groups)) {
$groups[$key] = array('label' => $item['label'],'y' => $item['y'], );
} else {
$groups[$key]['y'] = $groups[$key]['y'] + $item['y'];
}
}
echo json_encode($groups, JSON_NUMERIC_CHECK);
?>
и мой код Javascript, который извлекает данные из базы данных:
function getDeydataGraph(dataPoints, GraphTheme, GraphType){
var chart = new CanvasJS.Chart("chartContainer", {
theme: GraphTheme,
animationEnabled: true,
exportEnabled: true,
title: {
text: "Sales Report"
},
axisY: {
title: "Amount ",
includeZero: true,
},
legend:{
cursor: "pointer",
itemclick: toggleDataSeries
},
toolTip: {
shared: true
},
data: [
{
type: GraphType,
name: "Dte",
showInLegend: "true",
dataPoints: dataPoints
}]
});
chart.render();
function toggleDataSeries(e){
if (typeof(e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
e.dataSeries.visible = false;
}
else{
e.dataSeries.visible = true;
}
chart.render();
}
return chart;
}
$(document).ready(function () {
var GraphTheme = "light1";
var GraphType = "spline";
var thedataPoints;
$.getJSON("everything/processing/graph.php", function (dataPoints) {
thedataPoints = dataPoints
console.log(dataPoints)
getDeydataGraph(thedataPoints, GraphTheme, GraphType);
});
});
Пожалуйста, мне нужна ваша помощь, что яделаю неправильно и как я могу решить эту проблему.Спасибо