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);
}