How to add organization chart on page
-
10-12-2019 - |
Question
How to show the organization chart (organization browser) on a regular SharePoint page? Would it be possible to set it start from a specific user account?
The organization chart in My Sites uses SilverLight and is based on the hierarchy of manager user profile properties. This seems to work better in O365 but shows nothing on-premises.
Solution
For your requirement you can make use of Organization Browser web part.
The OOTB feature of the Organization Browser relies on the manager fields in the Active Directory, so the hierarchy is built on it. People in the same team will share the same manager. The collegues will be shown on the same level (in the horizontal row) and you'll see people you report to (or your manager reports to) on the vertical column. You will also see in the same column people "under" you.
Have a look at the below links to configure it.
Or You can create your own Organization webpart using the following links,
OTHER TIPS
Solved by adding the below content to a CEWP on the page with organization browser:
<script type="text/javascript">
function CreateHierarchyChartControl(parentId, profileId, type, persistControlId) {
var i = profileId.indexOf("|");
var claimsmode = profileId.substr(i-1,1);
if((i >=0 ) & (claimsmode=="w"))
{
profileId = profileId.substr(i+1,profileId.length-i-1);
var initParam = profileId + ',' + type + ',' + persistControlId;
var host = document.getElementById(parentId);
host.setAttribute('width', '100%');
host.setAttribute('height', '100%');
Silverlight.createObject('/_layouts/ClientBin/hierarchychart.xap',
host,
'ProfileBrowserSilverlightControl',
{
top: '30',
width: '100%',
height: '100%',
version: '2.0',
isWindowless: 'true',
enableHtmlAccess: 'true'
},
{
onLoad: OnHierarchyChartLoaded
},
initParam,
null);
}
}
</script>`
where profileId (DOMAIN\user) sets the top-level profile for the organization browser (which is on the same page).
Reference: