使用时间线谷歌图表api与PHP - DataTable初始化

时间:2014-09-07 03:26:06

标签: javascript php mysql arrays google-visualization

我正在尝试实施时间线google chart https://developers.google.com/chart/interactive/docs/gallery/timeline

但使用date format会在生成chart时产生一些错误。 所有日期都默认设置为dec 31 1969。 我知道我传递了错误的日期格式。我该如何解决这个问题。

尝试以两种方式实施:

$table['cols'] = array(
        array('id' => 'Role', 'type' => 'string'),
        array('id' => 'Name', 'type' => 'string'),
        array('id' => 'Start', 'type' => 'date'),
        array('id' => 'End', 'type' => 'date')
    );

一种方式:

$temp[] = array('v' => (string) $row['FirstName']); /*mysql and mysqli security please ignore */
$temp[] = array('v' => (string) $row['FirstName']);
$temp[] = array('v' =>  date('D M d Y H:i:s O',$row['HireDate'])); /*tried without date function also*/
$temp[] = array('v' =>  date('D M d Y H:i:s O',$row['ExpectedEndDate']));
$rows[] = $temp;

其他方式:

$temp[] = $row['FirstName'];
$temp[] = $row['FirstName'];
$temp[] =date('D M d Y H:i:s O',$row['HireDate']); 
$temp[] =date('D M d Y H:i:s O',$row['ExpectedEndDate']);
$rows[] = $temp;

然后将其存储到表格中并将其转换为json

$table['rows'] = $rows; $jsonTable = json_encode($table);

使用Google可视化DataTable将其存储为javascript变量,如下所示:

 var dataTable = new google.visualization.DataTable(<?php echo $jsonTable;?>);

但由于日期格式冲突(我认为)图表未输出

在检查最终生成的输出时,变量将值存储为:

var dataTable = new google.visualization.DataTable({"cols":[{"id":"Role","type":"string"},{"id":"Name","type":"string"},{"id":"Start","type":"date"},{"id":"End","type":"date"}],"rows":[[{"v":"bob"},{"v":"bob"},{"v":"Wed Dec 31 1969 16:33:28 -0800"},{"v":"Wed Dec 31 1969 16:33:33 -0800"}],[{"v":"alan"},{"v":"alan"},{"v":"Wed Dec 31 1969 16:33:28 -0800"},{"v":"Wed Dec 31 1969 16:33:33 -0800"}]]});

任何人都可以建议如何使其发挥作用。提前谢谢。

1 个答案:

答案 0 :(得分:0)

这是你的问题:

$temp[] = array('v' =>  date('D M d Y H:i:s O',$row['HireDate']));

日期必须以非常特定的字符串格式输入:"Date(year, month, day, hours, minutes, seconds)",其中month是月份的从零开始的索引,month之后的所有内容都是可选的(默认值为1表示day,0表示其他所有内容。要以这种格式输入日期,您应该这样做:

$date = date('D M d Y H:i:s O',$row['HireDate']));
$year = (int) date_format($date, 'Y');
$month = ((int) date_format($date, 'm')) - 1; // adjust to javascript's 0-indexed months
$day  = (int) date_format($date, 'd');
$hours = (int) date_format($date, 'H');
$minutes = (int) date_format($date, 'i');
$seconds = (int) date_format($date, 's');

$temp[] = array('v' => "Date($year, $month, $day, $hours, $minutes, $seconds");