Re-render graph

[mstrop]

I need to change graph definition based on a user action. My initial sequence follows the documentation:

        <div id="schema_cont" class="mermaid">
            graph TD;
            entry((Entry));
            click entry nodeClick;
        </div>
....

        mermaid.initialize({ startOnLoad: true });

It works fine. Later on I need to change the graph ( add / remove node etc. ). I tried to implement an example form the documentation using render function:

    var cb = function (svgGraph) {
        $("#schema_cont").html(svgGraph);
    }

    $("#schema_cont").html("");

    mermaid.render("id1", "graph TD;\nentry((New entry));\nclick entry nodeClick;", cb);

Doing it this way the graph is reloaded with the new definition, but the click callback is never called. Am I doing anything wrong?

[sudhakar-sekar]

Hi @mstrop,

I am also trying same, have you found any solutions for the rendering issue based on user action?
If you found the solution and resolved, will you please tell me that.

Thanks,
Sudhakar.

[GDFaber]

I think this is what you are looking for:
#311 (comment)

I am using this solution with mermaid 8.2.1 and it still does the trick.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If you are still interested in it, and it is still relevant, you can comment or remove the label to revive it.

[stale]

This issue has been been automatically closed due to a lack of activity. This is done to maintain a clean list of issues that the community is interested in developing.