Mermaid: Add Title To the Graph

[vikram-rawat]

There should be a way to add title to the graph right from Flowchart diagram. I am really sorry if you have one that I didn't find anywhere.

[alexkli]

Here is a little workaround for adding a fake title to the top down flowchart (TD):

View in Mermaid Live Editor

graph TD

title[<u>My Title</u>]
title-->FirstStep
style title fill:#FFF,stroke:#FFF
linkStyle 0 stroke:#FFF,stroke-width:0;

FirstStep-->...

Add this to the top immediately after the graph TD definition.

This defines a box, styles its text with underscore (<u>, YMMV) and makes the box fill & stroke blank (style title) and links it to the real first step/box (FirstStep) so it appears on top, while making the link hidden using linkStyle 0.

[tylerlong]

@alexkli that is a brilliant idea! It could be used as a nice workaround before we add official support

[nqb]

Any update on that feature ?

[gakonst]

@alexkli does not work for Sequence Diagrams unfortunately.

[elin-y]

good idea but it also doesn't apply to the left-to-right graphs unfortunately.

[pothitos]

Until this issue is resolved, this is another workaround that applies to the left-to-right graphs too.

graph LR
  subgraph This is my caption
    A --> B
  end

which uses a subgraph to display something like

[sommmen]

Any updates on this?

[GDFaber]

Not yet, but I've got it on my list.

[sommmen]

Not yet, but I've got it on my list.

I see, Thanks for the.. update? i gues 'working on it' is still a status update in my book ;)

[GDFaber]

I'm closing this issue in favour of #1433, please refer to the new issue for future updates. This is still one of the tasks I want to work on once I get the time, so it does not change priorities to close this one :)