如何在没有数据的情况下生成空高图

Question

我有一个没有数据的应用程序，我希望在这种情况下生成一个空的高图表。 我该怎么做 ？ 我想显示文字＆＃34;没有数据＆＃34;在中心内部的图表

Answer 1

最简单的选择是使用no-data-to-display模块，只需将其添加到代码中JSFiddle example）即可添加该模块：

<script src="http://code.highcharts.com/modules/no-data-to-display.js"></script>

此代码显示了模块功能的一些用法示例（JSFiddle example）：

if(!chart.hasData()) {  // Only if there is no data
    chart.hideNoData(); // Hide old message
    chart.showNoData("Your custom error message");
}

您也可以创建自己的代码来对图表数据进行一些检查，但最终可能会有很多情况，具体取决于图表类型。可以使用chart.renderer.text创建文本本身。