如何在highcharts中显示无数据可用消息

如何在highcharts中显示无数据可用消息,highcharts,Highcharts,当数据集不返回任何数据时,我们是否可以使用highcharts显示消息? 例如:“无可用数据”这已在每个条目中添加。我使用了一些变通方法来解决此问题。基本上,我覆盖了一个div,其中包含消息“没有要显示的数据” 您需要根据图表的大小相应地改变偏移量。我正在使用AJAX调用拉入序列和类别数据,以便在绑定图表之前知道是否显示浮动的“无数据”分区。从v3.0.8开始,Highcharts现在支持它 您需要加载模块,然后可以通过以下选项指定自定义消息: 一个非常简单的例子: Highcharts.se

当数据集不返回任何数据时,我们是否可以使用highcharts显示消息?
例如:“无可用数据”

这已在每个条目中添加。

我使用了一些变通方法来解决此问题。基本上,我覆盖了一个div,其中包含消息“没有要显示的数据”


您需要根据图表的大小相应地改变偏移量。我正在使用AJAX调用拉入序列和类别数据,以便在绑定图表之前知道是否显示浮动的“无数据”分区。

从v3.0.8开始,Highcharts现在支持它

您需要加载模块,然后可以通过以下选项指定自定义消息:

一个非常简单的例子:

Highcharts.setOptions({lang:{noData:“您的自定义消息”})
var chart=Highcharts.chart('容器'{
系列:[{
数据:[]
}]
});

我正在使用
chart.showLoading('No data to display')
.noChartData {
     display: hidden;         
     position: absolute;
     z-index: 99;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 16px;
     font-weight: normal;
     color: #CCC;
}

<div class="noChartData">No Data to Display</div>
var chartPosition = $("#myChart").position();
$(".noChartData").css("left", chartPosition.left + 400);
$(".noChartData").css("top", chartPosition.top + 150);
Highcharts.setOptions({lang: {noData: "Your custom message"}});