javascript - 将 Google 可视化图表中所有缺失数据点初始化为 0

标签 javascript php google-visualization

我正在尝试绘制 MySQL 数据库中某个给定 ID 每小时的记录数。

我遇到的问题是,如果给定 ID 在给定时间内有 0 条记录,我不会为表生成数据点。这会导致表在两个计数之间进行插值(如果存在) 小时之间没有计数。

例如:下午 1 点有 4 条记录,下午 2 点有 0 条记录,下午 3 点有 2 条记录。表格会在 4 和 2 之间画一条直线,这样表格上就会显示下午 2 点有 3 条记录,而实际上没有。

我确信原因是我没有为不存在的记录提供 null 或 0 值,但我不确定如何去做。

表格中的一些信息:

id             int AI
TagNumber      int
TimeStamp      timestamp
BatteryStatus  varchar
Location       int

这是我用来每小时计算给定 TagNumber 的实例数的 php 代码。

$result = $mysqli->('SELECT hour(TimeStamp) as Hour, count(*) as Count FROM table WHERE Location = 1 AND TagNumber = 12345678 GROUP BY Hour');
// The values here are hard coded for testing purposes. 

$rows = array();
$table = array();
$table['cols'] = array(
    array('label' => 'Hour', 'type' => 'number'),
    array('label' => 'Count', 'type' => 'number')
);

while($row = mysqli_fetch_assoc($result)) {
    $temp = array();
    $temp[] = array('v' => (int) $row['Hour']);
    $temp[] = array('v' => (int) $row['Count']);
    $rows[] = array('c' => $temp);
}
$table['rows'] = $rows;
$jsonTable = json_encode($table);

然后,我将 json 编码表传递给 google 可视化 api。

我认为我需要做的是在 1 到 24 之间每小时设置一次,没有从 mysql 查询返回的记录设置为 0,我只是不知道如何实现这一点。

我尝试初始化一个从 1 到 24 的小时数组,其中 0 作为“计数”值,但我肯定做错了什么,并且 php 抛出错误。 enter image description here

12 处的点应为 0,但它会在 11 和 13 之间进行插值。

这是我的图表,其中包含值:

  • 第 10 小时 -> 计数 4
  • 第 11 小时 -> 数 2
  • 第 13 小时 -> 计数 1
  • 第 14 小时 -> 数 3

在本例中,我需要 1->9、12 和 15->24 小时才能显示 0。

最佳答案

试试这个:

$result = $mysqli->('SELECT hour(TimeStamp) as Hour, count(*) as Count FROM table WHERE Location = 1 AND TagNumber = 12345678 GROUP BY Hour');
// The values here are hard coded for testing purposes. 

$rows = array();
$table = array();
$table['cols'] = array(
    array('label' => 'Hour', 'type' => 'number'),
    array('label' => 'Count', 'type' => 'number')
);

$hoursNotAvail = array(0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23);
while($row = mysqli_fetch_assoc($result)) {
    $temp = array();
    $temp[] = array('v' => (int) $row['Hour']);
    $temp[] = array('v' => (int) $row['Count']);
    $rows[] = array('c' => $temp);
    $hoursNotAvail[(int) $row['Hour']] = -1;
}
foreach($hoursNotAvail as $k => $v){
    if($v != -1){
        $temp = array();
        $temp[] = array('v' => $k);
        $temp[] = array('v' => 0);
        $rows[] = array('c' => $temp);
    }
}

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

关于javascript - 将 Google 可视化图表中所有缺失数据点初始化为 0,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25919598/

相关文章:

javascript - 如何在 Angular JS 中存储 JSON 响应的值

php - 如何在有多个按钮的情况下从一组字段中获取一个值?

javascript - 来自 <input type ='text' > 的图表标题与 jquery

javascript - 带 slider 范围的连续轴图无法绘制?

javascript - 在网页的日期字段中插入数据

javascript - 在 Cypress 中保存变量

javascript - Laravel 在加载时使用 javascript 获取 session

php - 解析包含图像数据的文本文件

javascript - 谷歌图表水平滚动条

javascript - 我如何从node.js连接到sql数据库?