Highcahrts adding HTML elements inside chart plot area

by soumya gangamwar

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 300px;width: 400px"></div>

JavaScript

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container'
    },

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

    series: [1, 2]

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