So, in our scenario for storage of organization structure will be used SharePoint List based on Custom List , for rendering engine Google Chart Tools.
First, let’s take a look at list’s schema for storing organizational structure
|ParentOrgElement||Lookup||Used for parent/child relationship|
|OrgDescription||Note||Display text for chart box|
|OrgAdditionalProperties||Note||Visual behavior for chart box|
From Google Charts library we’ll use Organizational Chart package only.
1. Google Charts Tools loading and package initialization
2. Fetch data using SharePoint Web Service from list that contains organizational structure
3. Bind data source and draw chart
Result page with Org Structure rendered as Chart in List View
Project that demonstrates on how to visualize organization structure as chart is hosted on GitHub: YASPP.SharePoint.Charts