人魚實體關系圖

Question

我已閱讀美人魚樣式文檔部分： https://mermaid-js.github.io/mermaid/#/entityRelationshipDiagram?id=styling

現在，我不知道如何為 ER 圖應用任何 styles。沒有關於樣式的任何示例或一般信息。

有沒有人有任何想法？

Answer 1

我找到了答案。 文檔的重要部分是“配置選項”部分。 這意味着 styles 應該相應地放置。 美人魚配置可以放入mermaid.initialize()或內聯在你的 digram 的第一行與%%{init: { }}%% expression 。 您可以在此處查看詳細信息https://mermaid-js.github.io/mermaid/#/./directives 。

ER 圖樣式的示例：

%%{init: {'themeCSS': '.er.attributeBoxEven { fill: #f2f2f2; }' }}%%