我已经创建了文件 api.php
<?php
// Prevent caching.
header('Cache-Control: no-cache, must-revalidate');
// The JSON standard MIME header.
header('Content-type: application/json');
//mssql_select_db("**", mssql_connect(**));
$conn=mssql_connect(***);
$query = "SELECT ROUND([AirTemp_C],1) as [T]
,[DT]
FROM [ASUTP].[dbo].[Temperature_ER]
WHERE [Place] = 'ER06' AND [DT] > '26.05.2015 11:00'";
$qwr_res = mssql_query($query);
while ($row=mssql_fetch_array($qwr_res))
{
$temps[] = array (
'x' => $row['DT'],
'y' => $row['T']
);
}
echo json_encode($temps);
?>
它返回像 [{"x":"2015-05-26 11:02:04","y":26.3}] 这样的 JSON 以及我的测量值。
我想使用此数据使用 canvasjs-1.6.2 绘制图形。这是我的代码: window.onload = function () {
$.getJSON("api.php",function(data1)
{
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "Title",
fontSize: 30
},
animationEnabled: true,
zoomEnabled:true,
height: 500,
axisX:{
gridColor: "Silver",
tickColor: "silver",
labelAngle: -80,
valueFormatString: "DD.MM HH:mm"
},
toolTip:{
shared:true
},
theme: "theme2",
axisY: {
gridColor: "Silver",
tickColor: "silver"
},
legend:{
verticalAlign: "center",
horizontalAlign: "right"
},
data: [
{
type: "line",
showInLegend: true,
lineThickness: 2,
name: "T",
//markerType: "square",
color: "#F08080",
dataPoints: data1
}
],
legend:{
cursor:"pointer",
itemclick:function(e){
if (typeof(e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
e.dataSeries.visible = false;
}
else{
e.dataSeries.visible = true;
}
chart.render();
}
}
});
chart.render();
});
但似乎此图表(或根本没有 JS)无法将我的日期值用作正确的日期时间,因此图表无法呈现。
我已经用这样的循环解决了这个问题:
for(var i=0;i<data1.length;i++)
{
data1[i].x = new Date(data1[i].x);
}
我应该注意到我使用的是 PHP 5.2,并且不允许升级它。 所以我的问题是:
- 我通过 api.php 获取图表数据的方法是否正确?
- 有没有一种方法可以在不进行循环转换的情况下将正确的 DateTime 值从 php 传递到 JS?
最佳答案
如评论中所述,最可靠的跨浏览器传输日期的方法是使用时间值。 UNIX 时间值以秒为单位,自 1970-01-01T00:00:00Z 以来。 Javascript 时间值来自同一纪元,但使用毫秒,因此您只需将 UNIX 时间值乘以 1000,然后直接传递给 Date 构造函数。
所以 JSON 可能是这样的:
'[{x:"1432788147300", y:26.3}]'
如果将 x 值读入名为 unixTimeValue 的变量中,代码将如下所示:
var javascriptDate = new Date(unixTimeValue * 1000);
但是,如果您不能这样做,您可以很容易地解析像 '2015-05-26 11:02:04' 这样的字符串。假设日期是 UTC,你可以使用 Date.UTC将其转换为日期对象:
function parseISOUTC(s) {
var b = s.split(/\D/);
return new Date(Date.UTC(b[0],b[1],b[2],b[3],b[4],b[5]));
}
关于javascript - 将 DateTime 从 PHP 返回到 JS 的良好做法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30496996/