Links With Arrows

You can add arrows to standard OrgChart links by defining an SVG marker and attaching it to the link template.

Basic Arrow Setup

OrgChart.templates.ana.defs = 
    `<marker id="arrow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse">
        <path fill="#aeaeae" d="M 0 0 L 10 5 L 0 10 z" />
    </marker>`;
OrgChart.templates.ana.link = 
    `<path marker-end="url(#arrow)" stroke-linejoin="round" stroke="#aeaeae" stroke-width="1px" fill="none" d="M{xa},{ya} {xb},{yb} {xc},{yc} L{xd},{yd}" />`;

Note

The demo is a bit more advanced because it also includes reverse arrows due to the different orientation used in the subtree.

Edit in BALKAN Code