当数据集没有返回任何数据时,我们可以使用 highcharts 显示消息吗?例如:“无可用数据”
问问题
25575 次
4 回答
21
自 v3.0.8 起,Highcharts 现已支持它
您需要加载no-data模块,然后可以通过lang.noData选项指定自定义消息:
Highcharts.setOptions({lang: {noData: "Your custom message"}});
于 2015-03-02T09:22:25.857 回答
3
这是根据用户语音条目添加的。
于 2013-09-25T15:14:49.777 回答
1
我使用了一些解决方法来解决这个问题。基本上我覆盖了一个包含“无数据显示”消息的 div。
.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>
当页面加载时,我使用 JQuery 来查找图表的位置,然后偏移“无数据”div 并相应地显示它。
var chartPosition = $("#myChart").position();
$(".noChartData").css("left", chartPosition.left + 400);
$(".noChartData").css("top", chartPosition.top + 150);
您需要根据图表的大小相应地改变偏移量。我正在使用 AJAX 调用来提取系列和类别数据,因此我在绑定图表之前就知道是否显示浮动的“无数据”div。
于 2014-01-17T17:58:41.067 回答
1
一个非常简单的例子:
Highcharts.setOptions({lang: {noData: "Your custom message"}})
var chart = Highcharts.chart('container', {
series: [{
data: []
}]
});
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/no-data-to-display.js"></script>
<div id="container" style="height: 250px"></div>
希望这可以帮助某人
于 2018-01-22T16:31:49.597 回答