在HighStock graph上显示NoData消息

时间:2015-06-23 17:21:46

标签: html highstock

当没有数据显示或发生错误时,我正在寻找一种本地方式在Highstock图表上显示消息。事实上,我知道Highchart库已经存在noData解决方案,但它似乎尚未在Highstock中实现...

那么,除了在不同的div中显示消息之外,是否有人知道如何实现这一目标?

提前感谢您的时间! 凯文

2 个答案:

答案 0 :(得分:1)

您可以基于从highcharts中提取系列对象来开发自己的解决方案。然后检查数据长度并显示div。

if(series[0].data.length === 0) {
    $('#nodata').show();
}    

$('#container').highcharts({
    chart: {},
    series: series
});

示例:http://jsfiddle.net/3Bh7b/125/

答案 1 :(得分:0)

好的,在UserVoice上几天之后,管理员告诉我,在Highstock下也可以使用noData功能(此功能目前未在API文档中描述)。

这是管理员回复的链接(包括jsfiddle演示): https://highcharts.uservoice.com/forums/55896-highcharts-javascript-api/suggestions/8547274-highstock-display-a-message-when-nodata-is-avail

这是API参考的链接(Highchart参考): http://api.highcharts.com/highcharts#noData