Google organization (org) chart using AngularJS

Previously we have seen  many articles about implementing google chart in asp.net application  like pie chart, line chart, Bar chart, Column chart, Combo chart and more with database data in ASP.NET application. 
But till now we have not created any google chart example using AngularJS application. Today I will show you how to implement google organization chart (Org chart) using AngularJS.
Google Organization chart using AngularJS
Please Wait...
Google organization (org) chart using AngularJS
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace ngGoogleOrgChart.Controllers
{
    public class HomeController : Controller
    {
        //
        // GET: /Home/
        public ActionResult Index()
        {
            return View();
        }

        public JsonResult getChartData()
        {
            List<Employee> list = new List<Employee>();
            using (MyDatabaseEntities dc = new MyDatabaseEntities())
            {
                list = dc.Employees.ToList();
            }

            return new JsonResult {  Data = list,  JsonRequestBehavior = JsonRequestBehavior.AllowGet};
        }
    }
}
Posted By :