如何更改美人鱼中的字体/颜色.js甘特

Question

我最近发现了美人鱼.js它非常适合设计图表和甘特图。 我正在使用实时编辑器(https://mermaid-js.github.io/mermaid-live-editor/(，这很容易。 但是我怎样才能简单地在编辑器中更改文本字体及其大小、任务的颜色？ 我已经读到可以更改css属性，但这对我来说并不清楚，我需要更多的解释。 非常感谢

Answer 1

要更改流程图节点的边框和背景颜色、文本字体和大小，请在"美人鱼配置"面板中设置以下代码：

{
"theme": "default",
"themeVariables": {
"nodeBorder" : "#004990",
"mainBkg" : "#c9d7e4",
"nodeTextColor" : "#274059",
"fontFamily": "arial",
"fontSize": "18px"
}
}

有关其他更改，请参阅美人鱼主题参考页面： https://mermaid-js.github.io/mermaid/#/theming

Answer 2

有关甘特图的样式，请参阅美人鱼文档。 但是，由于此方法要求您使用样式表，我认为您无法在实时编辑器中使用它。

有关使用一般主题的更多信息：文档