如何转换mysql查询的数组结果以在chartist.js中使用

Question

我有一个疑问$array1 = $wpdb->get_results( "SELECT timestamp,temp FROM $table_name ORDER BY id desc LIMIT 8", ARRAY_A );$data1 = json_encode($array1);echo $data1;结果回响如下：[  {"timestamp":"2020-07-26 09:50:25","temp":"26.31"},  {"timestamp":"2020-07-26 09:40:29","temp":"26.37"},  {"timestamp":"2020-07-26 09:30:33","temp":"26.31"},  {"timestamp":"2020-07-26 09:20:37","temp":"26.43"},  {"timestamp":"2020-07-26 09:19:56","temp":null},  {"timestamp":"2020-07-26 08:54:54","temp":"26.37"},  {"timestamp":"2020-07-26 08:44:58","temp":"26.18"},  {"timestamp":"2020-07-26 08:35:02","temp":"26.25"}]我想用它作为图表的输入。Chartist.js（也包括moments.js）给出的模板如下所示：var chart = new Chartist.Line('.ct-chart', {  series: [    {  name: 'series-1',  data: [    {x: new Date(143134652600), y: 53},    {x: new Date(143234652600), y: 40},    {x: new Date(143340052600), y: 45},    {x: new Date(143366652600), y: 40},    {x: new Date(143410652600), y: 20},    {x: new Date(143508652600), y: 32},    {x: new Date(143569652600), y: 18},    {x: new Date(143579652600), y: 11}  ]},等等。如何在 php 中转换此数组/用 x 替换时间戳/用 y 替换时间戳并在 javascript 中使用它（在循环中？）？

Answer 1

在 SQL 中，使用 UNIX_TIMESTAMP 获取正确格式的日期，并将列别名为 x 和 y。

$array1 = $wpdb->get_results( "SELECT UNIX_TIMESTAMP(timestamp) as x,temp as y FROM $table_name ORDER BY id desc LIMIT 8", ARRAY_A );

$data1 = json_encode($array1);

正如您所做的那样，对数据进行 JSON 编码。

根据您将 JSON 接收到 JavaScript 中的方式，循环遍历数组并将时间戳转换为日期，将值转换为浮点数。以下假设 PHP 已回显到 JavaScript 中

var data = JSON.parse('<?php echo $data1; ?>');

data.forEach(function(row){

  row.x = new Date(parseInt(row.x));

  row.y = parseFloat(row.y);

});

然后使用图表中的数据

var chart = new Chartist.Line('.ct-chart', {  series: [    {

    name: 'series-1',

    data: data

  },

如果您通过 AJAX 从 PHP 获取 JSON 字符串，则只需传入结果字符串并以相同的方式解析它即可。