This is a solution for Org Chart 3. Check the reply for Org Chart 4 below.
Hello, @vijibhas
Please check the article on JavaScript framework of Org Chart. Using methods from that article, I suggest the following code:
//If loading of a chart is initial
renderer.onInitialLoadingFinished(function () {
//Show loading panel before expanding
renderer.showLoadingPanel();
//Get account name of a current user
renderer.dataProvider.getCurrentUserAccountName(function (accountName) {
//Get an object with data of the current user
renderer.dataProvider.getBoxGroupItemDataById(accountName, function (dataItem) {
//If the current user has sombody above him (as a manager)
if (dataItem.ParentId != "") {
//Drill down to the manager
renderer.drillDown(dataItem.ParentId);
}
});
});
renderer.dataProvider.getCurrentUserAccountName(function (accountName) {
renderer.dataProvider.getBoxGroupItemDataById(accountName, function (dataItem) {
renderer.expandNodeLevelsConditionally(
//Expand 3 nodes: the one of the manager at the top, of the current user and of subordinates of the current user
3,
function (itemData) {
//Expand node if it is the current user or it has the current user as a manager or it is the manager of the current user
return itemData.AccountName == dataItem.Id || itemData.Manager == dataItem.Id || itemData.AccountName == dataItem.ParentId;
},
function () {
//Hide loading panel after expanding
renderer.hideLoadingPanel();
}
);
});
});
});
You will get the following result (a current user is rounded):
