首页 > 解决方案 > 如何使用 Visual Studio Code 在美人鱼的甘特时间轴中添加日期

问题描述

我们正在尝试使用Mermaid Preview Plugin在美人鱼中生成甘特图。但是当我们尝试预览时,我们会得到这样的预览。

VS Code 中的美人鱼预览甘特图

但是当我们尝试使用美人鱼实时编辑器美人鱼实时编辑器时使用相同的代码,我们得到了更清晰的图片,日期显示正确

我们如何更新 Visual Studio 代码设置应该更正日期和更易读的甘特图

s

标签: visual-studio-codevscode-settingsmermaid

解决方案


也许你搜索这个:

axisFormat %d/%m

文档:https ://mermaid-js.github.io/mermaid/#/gantt

例子 :

gantt
    title Gantt
    dateFormat  DD-MM-YYYY
    axisFormat %d/%m
    
    section One
    Task One            : 07-05-2019, 7d
    Task Two            : 09-05-2019, 7d

推荐阅读