Build a chart with two root nodes

You may use the following trick if you want to build a chart with two or more root nodes. For example, if you have multiple CEOs at the top of the hierarchy.

Build a chart with two root nodes

To do that you need to add a fake manager at the top of your chart and then hide it using Custom JavaScript and CSS:

Fake manager at the top

Please, add the following script to the Custom JavaScipt tab to hide the fake manager:

renderer.onBoxRendered(function(event, box, itemData){
	if(itemData["Title"].contains('David Navarro')){

Custom JavaScipt to hide fake manager

Also, please add the following CSS to the Custom CSS tab to hide the lines connecting the new root managers with the hidden box:

 width: 100%;
  height: 60px;
  background-color: #f7f7f7;
  position: absolute;
  left: 0;
  top: -10px;
  content: ' ';
  z-index: 500


That’s it. Now you have a chart with multiple managers at the top:

Build a chart with two root nodes