/// <reference types="angular" />

var app = angular.module('app', ['highcharts-ng']);

class AppController {
    chartConfig: HighChartsNGConfig = {
        options: {
            chart: {
                type: 'bar'
            },
            tooltip: {
                style: {
                    padding: 10,
                    fontWeight: 'bold'
                }
            },
            credits: {
                enabled: false
            },
            plotOptions: {}
        },
        series: [
            {
                data: [10, 15, 12, 8, 7]
            },
            {
                data: [[0, 10], [1, 15], [2, 12], [3, 8], [4, 7]]
            },
            {
                data: [{ name: "A", y: 10 }, { name: "B", y: 15 }, { name: "C", y: 12 }, { name: "D", y: 8 }, { name: "E", y: 7 }]
            }
        ],
        title: {
            text: 'My Awesome Chart'
        },
        loading: true,
        noData: 'No data here'
    };
    constructor($timeout: ng.ITimeoutService) {
        var vm = this;
        $timeout(function() {
            //Some async action
            vm.chartConfig.loading = false;
        });
    }
}

app.controller("AppController", AppController);

/// <reference types="angular" />

var app = angular.module('app', ['highcharts-ng']);

class AppController {
    chartConfig: HighChartsNGConfig = {
        options: {
            chart: {
                type: 'bar'
            },
            tooltip: {
                style: {
                    padding: 10,
                    fontWeight: 'bold'
                }
            },
            credits: {
                enabled: false
            },
            plotOptions: {}
        },
        series: [
            {
                data: [10, 15, 12, 8, 7]
            },
            {
                data: [[0, 10], [1, 15], [2, 12], [3, 8], [4, 7]]
            },
            {
                data: [{ name: "A", y: 10 }, { name: "B", y: 15 }, { name: "C", y: 12 }, { name: "D", y: 8 }, { name: "E", y: 7 }]
            }
        ],
        title: {
            text: 'My Awesome Chart'
        },
        loading: true
    };
    constructor($timeout: ng.ITimeoutService) {
        var vm = this;
        $timeout(function() {
            //Some async action
            vm.chartConfig.loading = false;
        });
    }
}

app.controller("AppController", AppController);

--- 
+++ 
@@ -33,7 +33,8 @@
         title: {
             text: 'My Awesome Chart'
         },
-        loading: true
+        loading: true,
+        noData: 'No data here'
     };
     constructor($timeout: ng.ITimeoutService) {
         var vm = this;
Add missing property 'noData' to HighChartsNGConfig

HighChartsNGConfig is missing noData property implemented since highcharts-ng#0.0.6 : https://github.com/pablojim/highcharts-ng#version-006