我想在一个图表中显示带有Chart.js的两个线图。由于某些X值并不相同(一个数据集中有些丢失,有些在另一个数据集中(,所以我需要以这种格式的两个数据集的数据:
[{x: "key1", y: value1},
{x: "key2", y: value2},
{x: "key3", y: value3},
...
{x: "key_n", y: value_n}]
我的起点是每个数据集的两个PHP数组(从MySQL数据库中获取(。第一个数组的JSON编码输出为:
["2019-06-25","2019-06-26","2019-06-27","2019-06-28","2019-06-29","2019-06-30","2019-07-01"]
第二个数组的JSON编码输出为:
[3.304,3.24,3.137,3.232,3.279,3.298,3.307]
Chart.js确实期望这种格式:
[{x: "2019-06-25", y: 3.304},
{x: "2019-06-26", y: 3.24},
{x: "2019-06-27", y: 3.137},
{x: "2019-06-28", y: 3.232},
{x: "2019-06-29", y: 3.279},
{x: "2019-06-30", y: 3.298},
{x: "2019-07-01, y: 3.307}]
我已经尝试过:
$combined = array_combine($leonie_created_at, $weight_leonie);
foreach( $combined as $key=>$val ) {
$result .= '{' . 'x: ' . $key . ', y: ' . $val . '}';
}
但是JSON编码的结果为
"{x: 2019-06-25, y: 3.304}{x: 2019-06-26, y: 3.24}{x: 2019-06-27, y: 3.137}{x: 2019-06-28, y: 3.232}{x: 2019-06-29, y: 3.279}{x: 2019-06-30, y: 3.298}{x: 2019-07-01, y: 3.307}{x: 2019-07-02, y: 3.18}"
有人想到吗?
您可以使用json_encode
foreach
循环 $r = [];
foreach($a1 as $k => $v){
$r[] = ['x' => $a1[$k], 'y' => $a2[$k]];
}
echo json_encode($r);
https://3v4l.org/1pohv