javascript - 使用 json_encode 进行 Google 图形显示

Question

我正在尝试将数据从 PHP 数组导入到 JS google 折线图...一旦我弄清楚如何echo 结果，我就能完成它。结果应该是这样的:

data.addRows([
        [new Date(2014, 0),  -.5,  5.7],
        [new Date(2014, 1),   .4,  8.7],
        [new Date(2014, 2),   .5,   12],
        [new Date(2014, 3),  2.9, 15.3],
        [new Date(2014, 4),  6.3, 18.6],
        [new Date(2014, 5),    9, 20.9],
        [new Date(2014, 6), 10.6, 19.8],
        [new Date(2014, 7), 10.3, 16.6],
        [new Date(2014, 8),  7.4, 13.3],
        [new Date(2014, 9),  4.4,  9.9],
        [new Date(2014, 10), 1.1,  6.6],
        [new Date(2014, 11), -.2,  4.5]
      ]);

我目前正在为这样的数组使用 JSON_ENCODE:

$data = array("[new Date(2014, 0),  -.5,  5.7],', '[new Date(2014, 1),   .4,  8.7],");
    json_encode($data);

我最终将能够使用它从我的数据库中提取数据，并且我正在尝试像这样回应结果:

 data.addRows([
        <?
         echo str_replace('"', '', json_encode($data));
        ?>
    ]);

问题是，没有任何效果？有人知道我在这里做错了什么吗？

Answer 1

你应该输出时间戳，可能以毫秒为单位，因为这是 Javascript 支持的

<?php
    $data = array(
        array(
            mktime(0, 0, 0, 1, 1, 2014) * 1000,
            -0.5,  
            5.7
        ),
        array(
            mktime(0, 0, 0, 2, 1, 2014) * 1000,
            0.4,  
            8.7
        )
    );
?>

现在你可以回显它，它会神奇地变成一个由数组组成的 javascript 数组

data.addRows(<? echo json_encode($data); ?>);

大多数插件会接受时间戳，如果出于某种原因你必须有日期对象，你可以这样做

var result = <? echo json_encode($data); ?>;

result.forEach(function(arr) {
    arr[0] = new Date(arr[0]);
});

data.addRows(result);