Question

64

How to show No Data Available Message in highcharts

rated 0 times [ 68] [ 4] / answers: 1 / hits: 29992 / 7 Years ago, fri, february 17, 2017, 12:00:00

Can we show a message using highcharts.When the data is not available? we have to show a message Example : No Data Available. If we have data hide : No Data Available message . in highcharts dynamically

  Highcharts.chart('container', {

  chart: {

     type: 'bubble',

     plotBorderWidth: 0,

     zoomType: 'xy'

   },

});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

marcos

Add To Favorites

Follow

Total Points: 331

Total Questions: 106

Total Answers: 104

Location: Gabon

Member since Sat, Jul 25, 2020

4 Years ago

answered 7 Years ago josuea · Accepted Answer

You can use Highcharts Chart Renderer

Here's an example in 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();



});