Interface filterUI

Opens filter Tab

chart.element.addEventListener('click', function(event){
 if (event.target == chart.getSvg()){
     chart.filterUI.hide();
 }
});

Opens filter Tab

let chart = new OrgChart("#tree", {
})
chart.filterUI.on('add-filter', function(sender, args){
 let names = Object.keys(sender.filterBy);
 let index = names.indexOf(args.name);
 if (index == names.length - 1) {
     args.html += `<div data-btn-reset style="color: #039BE5;">reset</div>`;
 } 
});
chart.load(nodes)

Opens filter Tab

let chart = new OrgChart("#tree", {
})
chart.onInit(() => {
 chart.filterUI.show("city")
})
chart.load(nodes)