gpt4 book ai didi

javascript - HighCharts中如何返回json数据?

转载 作者:行者123 更新时间:2023-11-30 17:14:13 27 4
gpt4 key购买 nike

美好的一天。帮助在 JS Highcharts 中以 JSON 格式发送数据。有两个字段被选中:温度和湿度。他们应该根据时间表。在一个字段中,一切正常,因为仅有的两个添加都死了。

PHP:

<?php
/* SQL */
/* Connect */
try
{
$connection = new PDO("mysql:host=localhost;dbname=my","root","");
}
catch (PDOException $e)
{
echo 'Connection error: ' . $e->getMessage();
}
/* /Connect */
/* Query */
$query = $connection->prepare("SELECT temperature, humidity FROM weather WHERE date >= CURDATE()");
$query->execute();
$result = $query->fetchAll(PDO::FETCH_ASSOC);

echo json_encode($result, JSON_NUMERIC_CHECK);

/* /Query */
/* /SQL */
?>

JS:

$(function(){
var options = {
chart: {
renderTo: 'mychart',
type: 'spline'
},
title: {
text: 'Temperature'
},
xAxis: {
categories: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24]
},
yAxis: {
title: {
text: 'Values'
}
},
series: [{}]
};

$.getJSON('../ajax/get_weather_day.php', function(data){
options.series[0].name = "Temperature";
options.series[0].data = data;
options.series[1].name = "Humidity";
options.series[1].data = data;
var chart = new Highcharts.Chart(options);
});
});

最佳答案

您正在将 mysql 表的两个字段的结果分配给两个系列。

options.series[0].data = data;
options.series[1].data = data;

您应该拆分数据并将正确的值分配给正确的系列(或者您可以进行两次 ajax 调用以分别获取两者 - 检查在您的情况下哪个更便宜)。

顺便说一句,data 现在保存 mysql 结果行(值对),但 highcharts 期望值是数字序列。

看这里:

http://api.highcharts.com/highcharts#series

关于javascript - HighCharts中如何返回json数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26417680/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com