Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container"></div>

CSS

#container {
    height: 400px;
}

JavaScript

var removeEvent = Highcharts.addEvent(
    Highcharts,
    'displayError', function (event) {
    // See https://github.com/highcharts/highcharts/blob/master/errors/errors.xml
    // for error id's
        Highcharts.charts[0].renderer
            .text('Chart error ' + event.code)
            .attr({
                fill: 'red',
                zIndex: 20
            })
            .add()
            .align({
                align: 'center',
                verticalAlign: 'middle'
            }, null, 'plotBox');
        removeEvent();
    });


Highcharts.chart('container', {

    title: {
        text: 'Demo of Highcharts error handling'
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May']
    },

    yAxis: {
        type: 'logarithmic',
        min: 0
    },

    series: [{
        data: [1, 3, 2, -4, 3],
        type: 'column'
    }]

});