Question

我正在使用Google Charts绘制每日构建完成时间（x轴：构建日期为字符串，y轴：构建完成时间为数字）;使用PHP脚本从mySQL数据库中检索数据，然后将其编码为JSON。

因为我已将构建完成时间绘制为数字（十进制格式），所以我想自定义工具提示，以便当查看器悬停在它上面时，它们会看到格式化的时间（以及一些字符串信息）（上午12:34，等）与绘制的小数（12.5等）相反。

我知道如果直接从客户端传递行数据，可以使用下面的代码创建工具提示列，

dataTable.addColumn({type: 'string', role: 'tooltip'});

...但如果我从php脚本编码JSON，我不知道如何为工具提示列获取正确的JSON格式，如下所示：

$table['cols'] = array
(
    array('label' => 'Day', 'type' => 'string'),
    array('label' => 'Arrival Time', 'type' => 'number'),
    array('label' => 'Expected Time', 'type' => 'number'),
);


while($row = mysql_fetch_array($result)) 
{ 
// some data parsing
        $temp = array();
        $temp[] = array('v' => $row['current_formatted']);
        //$temp[] = array('v' => $time_units_splited[0]);
        $temp[] = array('v' => $time_in_decimal);
        $temp[] = array('v' => $time_expected_in_decimal);
        $rows[] = array('c' => $temp);
}
    $table['rows'] = $rows;
    echo json_encode($table);

更具体地说，我不确定如何在PHP中设置列数组。当然不是：

array('label' => 'tooltip', 'type' => 'source'), ...

目前JSON如下：

{"cols":[{"label":"Day","type":"string"},{"label":"Arrival Time","type":"number"},{"label":"Expected Time","type":"number"}],"rows":[{"c":[{"v":"22\/08\/13"},{"v":"1.19"},{"v":"1.00"}]},{"c":[{"v":"26\/08\/13"},{"v":"3.01"},{"v":"1.00"}]},{"c":[{"v":"27\/08\/13"},{"v":"2.30"},{"v":"1.00"}]},{"c":[{"v":"28\/08\/13"},{"v":"2.37"},{"v":"1.00"}]},{"c":[{"v":"29\/08\/13"},{"v":"2.36"},{"v":"1.00"}]},{"c":[{"v":"30\/08\/13"},{"v":"2.40"},{"v":"1.00"}]},{"c":[{"v":"03\/09\/13"},{"v":"2.25"},{"v":"1.00"}]},{"c":[{"v":"04\/09\/13"},{"v":"2.33"},{"v":"1.00"}]},{"c":[{"v":"05\/09\/13"},{"v":"3.06"},{"v":"1.00"}]},{"c":[{"v":"06\/09\/13"},{"v":"3.29"},{"v":"1.00"}]},{"c":[{"v":"09\/09\/13"},{"v":"3.34"},{"v":"1.00"}]},{"c":[{"v":"10\/09\/13"},{"v":"3.41"},{"v":"1.00"}]},{"c":[{"v":"11\/09\/13"},{"v":"3.34"},{"v":"1.00"}]},{"c":[{"v":"12\/09\/13"},{"v":"3.33"},{"v":"1.00"}]}]}

非常感谢任何帮助，谢谢！

Answer 1

通过php指定工具提示以便稍后编码为JSON，您可以使用

array('type' => 'string', 'role' => 'tooltip'),

据我所知，这将覆盖整行的工具提示，你的意思是看到你的其他评论

所以你的新代码看起来像这样：

$table['cols'] = array
(
  array('label' => 'Day', 'type' => 'string'),
  array('label' => 'Arrival Time', 'type' => 'number'),
  array('label' => 'Expected Time', 'type' => 'number'),
  array('label' => 'tooltip', 'type' => 'string', 'role' => 'tooltip')
);

请注意，标签不是指定列应具有的角色的方式，如果您希望使用Domain，Certainty和其他Google图表角色等角色，这也适用。

Google Charts Custom Tooltip - 从PHP生成JSON（访问mySQL Server）

1 个答案: