google.visualization.events.addListener(chart1, 'ready', function () {
        alert("3");
        // grab a few details before redirecting
        google.visualization.events.addListener(chart.getChart(), 'select', function () {
            chartObject = chart.getChart();
            alert(data.getValue(chartObject.getSelection()[0].row, 0));
        });
    });

var app = angular.module('myApp', []);
        app.controller('myController', ['$scope', '$http', function ($scope, $http) {
            //alert("dddd");
            // window.alert("hi!");
            //here http get method for get data from database
            $scope.chartData = [['Name', 'ReportsTo', 'tooltip']];
            $http.get('/home/getChartData').then(function (response) {
                var newobject = [['Name', 'ReportsTo', 'tooltip']];
                angular.forEach(response.data, function (val) {
                    newobject.push(
                        [
                         {
                            v: val.EmployeeID.toString(),
                            f: '<div class="customBox"><div>' + (val.FirstName + ' '
                                + val.LastName) +
                                '</div><div class="title" id="' + val.EmployeeID + '">'
                                + val.Title + '</div></div>'
                            },
                            (val.ReportsTo.toString() == "0" ? "" : val.ReportsTo.toString()),
                            (val.FirstName + ' ' + val.LastName)
                        ]
                        );
                })
                $scope.chartData = newobject;
            })
        }])
        app.directive('orgChart', function () {

            function link($scope, element, attrs) {
                var chart = new google.visualization.OrgChart(element[0]);
                $scope.$watch('chartData', function (value, oldvalue) {

                    if (!value) {
                        return;
                    }
                    var data = google.visualization.arrayToDataTable(value);
                    var options = {
                        'title': '',
                        'allowHtml': true
                    }
                    chart.draw(data, options);
                })
            }
            return {
                link: link
            };
        })

var chart = new google.visualization.OrgChart(element[0]);

google.visualization.events.addListener(chart, 'select', function () {
  var selection = chart.getSelection();
  if (selection.length > 0) {
    alert(data.getValue(selection[0].row, 0));
  }
});