My rendered mermaid graph dont show the whole word

[dpoulton]

@Ronny welcome to the forum.

There was a post some time ago when another user was suffering what appears to be the same issue with cut off words in Mermaid charts. Other users could not duplicate the problem. A work-around was found by changing the font Mermaid uses to a condensed variant. The work-around in the below link is based on a font available by default on a Windows OS machine. If you want to try this and are not using Windows you will need to identify a condensed font installed on whatever OS you are using.

Incomplete rendering of text in the mermaid code block

@drSP I have been having a rummage through how the Mermaid charts are displayed and it seems that Mermaid’s preferred font for the text is “Trebuchet MS”. It should be on your system as it is a default font for Win10. You haven’t uninstalled it by any chance? If the font is present I also found that it is actually possible to change the font of the Mermaid chart text. I therefore wondered if using a narrower or condensed font may help you. This can be achieved by adding css like this. /* For …

EDIT:
The css mentioned is placed in userstyle.css. Go to the Joplin settings page and navigate to Appearance > Show Advanced Settings and press " Custom stylesheet for rendered Markdown " (which opens userstyle.css ).