如何在mermaid.js甘特图中更改字体/颜色
如何在mermaid.js甘特图中更改字体/颜色
提问于 2020-07-07 00:25:28
我最近发现了mermaid.js，它非常适合设计图形和甘特图。我使用的是实时编辑器(https://mermaid-js.github.io/mermaid-live-editor/)，它非常简单。但是我怎样才能简单地改变编辑器中任务的文本字体及其大小和颜色呢？我已经读到可以更改css属性，但这对我来说不是很清楚，我需要更多的解释。非常感谢
回答 2
Stack Overflow用户
发布于 2020-10-07 21:24:53
要更改节点的边框和背景颜色、流程图的文本字体和大小，请在“美人鱼配置”面板中设置以下代码：
{
"theme": "default",
"themeVariables": {
"nodeBorder" : "#004990",
"mainBkg" : "#c9d7e4",
"nodeTextColor" : "#274059",
"fontFamily": "arial",
"fontSize": "18px"
}
}有关其他更改，请参阅美人鱼主题参考页面：https://mermaid-js.github.io/mermaid/getting-started/theming.html
Stack Overflow用户
发布于 2021-02-03 01:51:11
有关设置甘特图样式的信息，请参阅Mermaid Documentation。但是，由于此方法需要使用样式表，因此我不认为您可以在实时编辑器中使用它。
有关使用主题的详细信息，请参阅：Documentation
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62760363
复制相关文章
相似问题
腾讯云开发者
