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

如何在Obsidian中调整Mermaid甘特图宽度以显示短事件

解决Obsidian中Mermaid甘特图短事件显示问题
  • 调整甘特图核心配置参数
    不用接触Mermaid API,直接在代码里添加基础配置就能加宽x轴、优化短事件显示:

    • dateFormat YYYY-MM-DD:明确时间格式,避免解析误差
    • axisFormat %Y-%m:调整x轴刻度显示为「年-月」,提升刻度密度
    • width 1200px:直接指定画布宽度(或用width 100%占满容器),给短事件留出显示空间
      示例代码:
    gantt
      dateFormat  YYYY-MM-DD
      axisFormat %Y-%m
      width 1200px
      title 个人故事时间线
      section 十年跨度
      短事件1       :active, 2018-03-15, 1d
      短事件2       :2020-07-22, 2d
      长期事件       :2015-01-01, 2025-12-31
    
  • 拆分大时间跨度为分段图表
    把10年拆成2-3个小时间段的甘特图(比如2015-2020、2020-2025),每个图表聚焦局部时间,短事件在小刻度范围内会自动放大显示,避免单图跨度太大导致细节压缩。

  • 调整Obsidian全局Mermaid设置
    在Obsidian设置中找到「Mermaid」选项:

    • 开启「允许缩放」功能,支持手动拖拽放大局部区域
    • 调整「默认图表宽度」为更大数值,全局优化画布尺寸
  • 给短事件添加高亮与标注
    如果宽度调整后仍有小事件难以识别,用以下方式强化显示:

    • 给短事件加crit标记,会以红色高亮事件框
    • 用note指令添加文本标注,直接显示事件时间或说明
      示例代码:
    gantt
      dateFormat  YYYY-MM-DD
      title 个人故事时间线
      section 十年跨度
      短事件1       :crit, 2018-03-15, 1d
      短事件2       :2020-07-22, 2d
      note right of 短事件2: 2020-07-22发生
      长期事件       :2015-01-01, 2025-12-31
    

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.13 06:30:02