CODEWITHSUNDEEP
javascripthighcharts
Senthilkumar
Senthilkumar

Reputation: 100

How to display no data found in highcharts

In highcharts, if there is no data found in the json value, I want to display an error message.

I used this code:

if(options.series[0].data.length == 0) {
    alert('nodatafound');
} else {
    var chart = new Highcharts.Chart(options);
}

This error appears:

TypeError: options.series[0].data is undefined

Data from JSON:

{
    "chart": {
        "renderTo": "container2",
        "type": "column",
        "marginRight": 10,
        "marginBottom‌": 125
    },
    "title": {
        "text": "",
        "x": -20
    },
    "exporting": {
        "enabled": false
    },
    "credits": {
        "enab‌led": false
    },
    "subtitle": {
        "text": "",
        "x": -20
    },
    "xAxis": {
        "labels": {
            "rotation": -90,
            "sty‌le": {
                "fontSize": "10px"
            }
        }
    },
    "yAxis": {
        "title": {
            "text": ""
        },
        "plotLines": [{
            "width": 1,
            "c‌olor": "#808080"
        }]
    },
    "tooltip": {
        "shared": true
    },
    "legend": {
        "align": "right",
        "verticalA‌lign": "top",
        "x": 0,
        "y": 20,
        "borderWidth": 0
    },
    "plotOptions": {
        "column": {
            "stacking": "no‌rmal",
            "dataLabels": {
                "enabled": false,
                "color": "white"
            }
        }
    },
    "series": [{
        "name": "2015-16-Q1"
    }, {
        "name": "2015-16-Q2"
    }, {
        "name": "2015-16-Q3"
    }, {
        "na‌me": "2015-16-Q4"
    }]
}

Upvotes: 0

Views: 6185

Answers (1)

Sebastian Bochan
Sebastian Bochan

Reputation: 37578

You can use no-data module which allows do that.

Ref: http://code.highcharts.com/modules/no-data-to-display.js

Example: http://jsfiddle.net/6o8o03fe/1/

Upvotes: 3

Related Questions