Mermaid Gitgraph diagram does not correctly position labels

[beiriannydd]

• Searched existing issues to avoid creating duplicates.

• Confirmed that it can be reproduced in built-in themes without customized css.

  If it only exists in 3rd party themes or css, you can still report it, but please attach the theme target or the css file. We may not "fix" it, if it is caused by 3rd party themes or css styles that we cannot support.

• Searched http://support.typora.io/

---

Describe the bug
Creating sample gitgraph diagram causes the labels to be displayed over each other at top left instead of attached to the nodes.

gitGraph:
options
{
    "nodeSpacing": 150,
    "nodeRadius": 10
}
end
commit
branch newbranch
checkout newbranch
commit
commit
checkout master
commit
commit
merge newbranch

To Reproduce
Steps to reproduce the behavior:

1. create mermaid code block:
   gitGraph:
   options
   {
   "nodeSpacing": 150,
   "nodeRadius": 10
   }
   end
   commit
   branch newbranch
   checkout newbranch
   commit
   commit
   checkout master
   commit
   commit
   merge newbranch

2. See all labels are displayed on top of each other instead of next to the node.

Expected behavior
Labels should be displayed next to the nodes:

Screenshots / Screencasts
Screenshots uploaded in appropriate places to avoid confusion

Sample Markdown File
Attached

Desktop (please complete the following information):

• OS: MacOS 12.0.1
• Registered copy

Typora Version
1.0.4

Additional context
Add any other context about the problem here.

[abnerlee]

put into #1661