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

Question

我们可以使用 highcharts 显示消息吗？当数据不可用时？我们必须显示一条消息示例： No Data Available 。如果我们有数据隐藏： No Data Available 消息。在动态图表中

  Highcharts.chart('container', {
  chart: {
     type: 'bubble',
     plotBorderWidth: 0,
     zoomType: 'xy'
   },
});

原文由 Kondal 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 Highcharts 图表渲染器

这是 JSFiddle 中的示例

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container'
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: []

}, function(chart) { // on complete

    chart.renderer.text('No Data Available', 140, 120)
        .css({
            color: '#4572A7',
            fontSize: '16px'
        })
        .add();

});

原文由 fustaki 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在您的页面中包含 no-data-to-display.js 文件。它与 highcharts 捆绑在一起。否则你可以在这里得到它： https ://code.highcharts.com/modules/no-data-to-display.js

默认消息是“没有要显示的数据”。如果你想修改它，你可以这样做：

 Highcharts.setOptions({
    lang: {
        noData: 'Personalized no data message'
    }
});

原文由 Talha Khan 发布，翻译遵循 CC BY-SA 3.0 许可协议