php - highcharts - 显示无数据图片，以防 mysql 查询无法呈现任何内容

Question

我一直在此处和互联网上寻找一种解决方案，当查询未从数据库返回任何内容时，在 highcharts 的 DIV 上显示无数据图片。

mysql查询

$GetData= "SELECT COUNT( * ) AS  `items count` ,  `items` 
FROM  `items` 
where repdate = curdate()
GROUP BY  `items` 
ORDER BY  `items count` DESC  ";

我的表代码

<table width="313" id="datatable" style="display:none;">
 <thead>
 <tr>
            <th>column 1</th>
            <th>column 2</th>
        </tr>
        </thead>
        <tbody>
    <?php

    while ($row = mysql_fetch_array($GetData)) {
        echo "<tr>";
        echo "<th>" . $row['items'] . "</th>";
        echo "<td>" . $row['items count'] . "</td>";
        echo "</tr>";
    }
  ?>
</tbody>
</table>

示例:

如果 mysql 查询不返回任何数据，我得到以下结果。

如果没有返回数据，如何阻止 highcharts 渲染？并用图片替换它

类似示例JSfiddle

Answer 1

您可以检查选项变量以查看是否有任何数据，并仅在数据存在时才渲染图表。

if (options.series.length > 0) {
  var chart = new Highcharts.Chart(options);
}