显示从 MySQL 数据库检索的数据的折线图

Question

我正在使用基于 Bootstrap 4 和 5 构建的模板。已经有一个折线图，并显示硬编码值。

硬编码值：

 <div class="sparkline" data-type="line" data-spot-Radius="0" data-offset="90" data-width="100%" data-height="50px"
                        data-line-Width="1" data-line-Color="#604a7b" data-fill-Color="#a092b0">1,4,2,3,6,2</div>
</div>
                

视觉上看起来像这样：

现在，我有一个 MySQL 数据库，我想检索数据并将其显示在折线图上。

我删除了硬编码值并添加了 MySQL 查询。请告诉我我做错了什么，因为检索到的数据没有显示。我的数据库连接正常。

<div class="sparkline" data-type="line" data-spot-Radius="0" data-offset="90" data-width="100%" data-height="50px"
                        data-line-Width="1" data-line-Color="#604a7b"  data-fill-Color="#a092b0">
<?php
$sql2 = "SELECT water_level as water_level FROM `tbl_water_level` WHERE `date` > SUBDATE( NOW(), INTERVAL 2 HOUR)";
$result2 = mysqli_query($conn, $sql2);
$data = '';
while($data=mysqli_fetch_array($result2)){
echo '.$row["water_level"].'; 
}
?>
</div>
                 

Answer 1

您的 PHP 代码中可能存在一个小错误。您应该使用 echo $data["water_level"];.，而不是 echo '.$row["water_level"].';

<div class="sparkline" data-type="line" data-spot-Radius="0" data-offset="90" data-width="100%" data-height="50px"
                        data-line-Width="1" data-line-Color="#604a7b"  data-fill-Color="#a092b0">
<?php
$sql2 = "SELECT water_level as water_level FROM `tbl_water_level` WHERE `date` > SUBDATE( NOW(), INTERVAL 2 HOUR)";
$result2 = mysqli_query($conn, $sql2);

while($data = mysqli_fetch_array($result2)){
    echo $data["water_level"]; 
}
?>
</div>

此外，请确保您的 MySQL 查询确实返回一些数据。您可能需要添加一些错误处理，以防查询失败或没有结果。

:)