You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Mermaid quadrantChart中实现象限标签换行?

Mermaid象限图(quadrantChart)实现象限标签换行的方法

要实现象限标签的换行,在htmlLabels设为false的前提下,直接在标签文本中插入<br/>标签即可,这是Mermaid象限图原生支持的换行方式。

你提供的代码已经正确使用了<br/>来实现换行,以下是适配中文语境的完整示例:

%%{init: {"quadrantChart": {"htmlLabels": false}} }%%
quadrantChart 
  title 测试
    x-axis 国家 --> 社会
      y-axis 个体 --> 集体
        quadrant-2 制度主义<br/>研究路径
        quadrant-3 国家中心<br/>研究路径
        quadrant-4 政治心理学<br/>政治行为研究
        quadrant-1 政治经济学<br/>政治社会学

注意:如果后续出现换行不生效的情况,检查初始化配置中的htmlLabels是否被设为true——开启HTML标签支持后,<br/>的解析逻辑会改变,反而无法实现预期的换行效果。

内容的提问来源于stack exchange,提问作者spindoctor

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.15 15:22:00