Dotted lines

If an employee has a dotted line manager it means that, in addition to reporting to their direct manager, they also report indirectly to a secondary manager or supervisor (who may be in another team).

Here is an example:

 
   Copy 
    dottedLines: [
        { from: 5, to: 1 },
    ],
     

Edit in BALKAN Code

Here is how to change the template for the dotted line nodes:

 
           Copy 
    dottedLines: [
        { from: 5, to: 1, tags: ["ula"] },
    ],
    tags: {
        "ula": {
            template: "ula"
        }
    },
     

Edit in BALKAN Code

Here is how to change the CSS for the dotted line nodes:

 
           Copy 
.link.boc-dotted-connector path, .node.boc-dotted-connector rect{
    stroke-dasharray: 5;           
    stroke: rgb(255, 202, 40); 
}
     

Edit in BALKAN Code

You can use rootId to add children to dotted line nodes:

 
           Copy 
    dottedLines: [
        { from: 5, to: 1 },
        { from: 4, to: 5, rootId: 1 },
    ],
     

Edit in BALKAN Code

You can define dotted line groups:

 
           Copy 
    groupDottedLines: [
        { from: 5, to: 2 }
    ],

    tags: {
        "group-dotted-lines": {
            min: false,
            template: "group_dotted_lines"
        }
    }
     

Edit in BALKAN Code