We have a combo box which is populated with different types of Arrow Head please have look at the fig.
I am trying to change  arrow head according to user selection please have a look at my code

   reRenderDiagram(result: Options) {
        debugger;
        switch (+result.linkType) {
            case 0:
                this.option.linkType = MindFusion.Graphs.TreeLayoutLinkType.Default;
                break;
            case 1:
                this.option.linkType = MindFusion.Graphs.TreeLayoutLinkType.Straight;
                break;
            case 2:
                this.option.linkType = MindFusion.Graphs.TreeLayoutLinkType.Cascading;
                break;
        }
        this.option.viewType = result.viewType === ViewType.netViewHorizontal ?
            MindFusion.Graphs.LayoutDirection.LeftToRight : MindFusion.Graphs.LayoutDirection.TopToBottom;
        this.option.nodeDistance = +result.nodeDistance;
        this.option.levelDistance = +result.levelDistance;
        this.diagram.setLinkHeadShape(this.option.arrowType);
        if (this.selectedLayout === DiagramLayoutEnum.TREE) {
            NodeHelper.TreeLayout(this.diagram, this.option);
        } else {
            NodeHelper.FractalLayout(this.diagram, this.option);
        }
        this.diagram.resizeToFitItems();
    }
 

     static TreeLayout(diagram: any, option: Options) {
        const layout = new MindFusion.Graphs.TreeLayout();
        layout.keepGroupLayout = true;
        layout.direction = option.viewType;
        layout.linkType = option.linkType;
        layout.levelDistance = option.levelDistance;
        layout.nodeDistance = option.nodeDistance;
        diagram.arrange(layout);
    }

    /**
     * This function creates the diagram in fractal layout
     * @param digram
     */
    static FractalLayout(diagram: any, option: Options) {
        const layout = new MindFusion.Graphs.FractalLayout();
        layout.root = diagram.nodes[0];
        layout.keepGroupLayout = true;
        diagram.arrange(layout);

    }
 

Each and every other configuration works fine only changing arrow head is not working what ever i select from combo box it show only arrow sign

this.diagram.setLinkHeadShape("Circle");
 

Is there any API which will reRender whole diagram according to user selection Arrow Head. As you can see the code in which user can change the node distance and layout which works perfectly. That is why i am assuming there must be an api which work for Arrow head also.

As suggested by you I am working like that only.

Can you please let me know what should i pass as an argument in below API(setHeadShape). i.e. what will the value of arrow type is for circle argument is "Circle" and for triangle argument is "Triangle"

this.diagram.getLinks().forEach(link => { link.setHeadShape(this.option.arrowType); });

Thanks It works