highcharts - 显示无数据图片，以防无法从mysql查询呈现

Question

我一直在这里和互联网上寻找解决方案，当查询没有从数据库返回任何东西时，在高图'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查询不返回任何数据，我得到以下内容。

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

类似示例JSfiddle

Answer 1

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

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