在笔记中怎么画甘特图?

我看到 V3 版本增加了数据库功能,还提到甘特图,请问如何插入甘特图?

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    23945 引用 • 97482 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    8945 引用 • 40749 回帖 • 126 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • xqh042 1 赞同

    Clip20250123232903.png

    输入 / ,选择 mermaid,贴入甘特图代码(可以让 ai 按照描述给代码),如

    gantt title 项目开发计划 dateFormat YYYY-MM-DD axisFormat %m-%d section 设计阶段 需求分析 :active, des1, 2024-03-01, 2024-03-05 原型设计 :des2, after des1, 4d 设计评审 :des3, after des2, 2d section 开发阶段 前端开发 :2024-03-10, 12d 后端开发 :2024-03-12, 10d 联调测试 :crit, 2024-03-20, 5d section 交付阶段 用户验收 :active, 2024-03-25, 4d 上线部署 :2024-03-30, 2d
    1 回复
  • 楼上的办法确实 OK 的,补充一下代码范例(以下内容来自豆包):

    确定项目阶段和时间

    首先,需要明确项目的各个阶段以及每个阶段的起止时间。假设我们有一个项目,包括三个阶段:需求分析、设计、开发,它们的起止时间如下:

    • 需求分析:2023 年 1 月 1 日 - 2023 年 1 月 15 日
    • 设计:2023 年 1 月 16 日 - 2023 年 2 月 15 日
    • 开发:2023 年 2 月 16 日 - 2023 年 3 月 31 日

    编写 Mermaid 代码

    在 Mermaid 中,甘特图使用 gantt 关键字来定义。以下是根据上述项目阶段和时间编写的 Mermaid 代码:

    gantt
        dateFormat  YYYY-MM-DD
        title 项目进度甘特图
    
        section 项目1
        需求分析 :a1, 2023-01-01, 15d
        设计 :a2, after a1, 31d
        开发 :a3, after a2, 45d
    

    在上述代码中:

    • dateFormat YYYY-MM-DD 指定了日期的格式为年 - 月 - 日。

    • title项目进度甘特图 设置了甘特图的标题。

    • section项目1 定义了一个项目阶段分组。

    • 需求分析 :a1, 2023-01-01, 15d 定义了需求分析阶段,a1 是该阶段的标识符,2023-01-01 是开始日期,15d 表示持续时间为 15 天。

    • 设计 :a2, after a1, 31d 定义了设计阶段,after a1 表示在需求分析阶段结束后开始,持续时间为 31 天。

    • 开发 :a3, after a2, 45d 定义了开发阶段,after a2 表示在设计阶段结束后开始,持续时间为 45 天。

      image.png

    1 回复
  • FlyingY

    像甘特图这种简单语法的,能不能做到适配小白的那种 UI 呢,方便设置的那种,不是代码的,或者直接和现在数据库结合起来,根据数据库生成的就更好了

    1 回复
  • soeasy
    作者

    好用 👍

  • soeasy
    作者

    多谢 👍

    再多问一下,画出了甘特图了,如何导出呢?现在导出 md 文件里是源代码,没有图形。

    1 回复
  • 现在有一种做法,就是让 Deepseek 直接按你的要求和信息,生成流程图代码,然后导入 Draw-io 里变成流程图,再直接导出图片。思源本身就支持 Draw-io 插件,就更简单了。

    1 回复
  • 直接将块导出成图片好像不太行,我一般是用插件,比较通用的办法(包括其他类型的流程图代码)是在集市中下载安装一个 draw-io 插件(或装个 PC 版的 draw-io 软件)。

    1、在 draw-io 里如下图的菜单中,导入 mermaid 代码:

    QQ20250206225401.png

    QQ20250206225445.png

    2、然后选中生成好的流程图,右键复制成图片,即可:

    QQ20250206225518.png

  • soeasy
    作者

    明白了,感谢

  • uniphix

    虽然但是,改代码相比于 UI 界面操作,可用性差很多。飞书云文档上目前已经内置了甘特图,已经能满足基本的使用需求。希望官方跟进。

请输入回帖内容 ...

推荐标签 标签

  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 494 关注
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 165 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。

    949 引用 • 943 回帖 • 1 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 641 关注
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 793 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    548 引用 • 674 回帖
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    247 引用 • 1348 回帖 • 1 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件,它使得 Java 程序员能在不进行重部署的情况下,即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 684 关注
  • 友情链接

    确认过眼神后的灵魂连接,站在链在!

    24 引用 • 373 回帖 • 2 关注
  • Swift

    Swift 是苹果于 2014 年 WWDC(苹果开发者大会)发布的开发语言,可与 Objective-C 共同运行于 Mac OS 和 iOS 平台,用于搭建基于苹果平台的应用程序。

    36 引用 • 37 回帖 • 541 关注
  • Gzip

    gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。

    9 引用 • 12 回帖 • 164 关注
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖 • 3 关注
  • 自由行
    1 关注
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 717 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    410 引用 • 3578 回帖
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。

    117 引用 • 99 回帖 • 216 关注
  • Office

    Office 现已更名为 Microsoft 365. Microsoft 365 将高级 Office 应用(如 Word、Excel 和 PowerPoint)与 1 TB 的 OneDrive 云存储空间、高级安全性等结合在一起,可帮助你在任何设备上完成操作。

    5 引用 • 34 回帖
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 374 关注
  • Docker

    Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的操作系统上。容器完全使用沙箱机制,几乎没有性能开销,可以很容易地在机器和数据中心中运行。

    493 引用 • 928 回帖 • 1 关注
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 407 关注
  • 京东

    京东是中国最大的自营式电商企业,2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月,京东在美国纳斯达克证券交易所正式挂牌上市(股票代码:JD),是中国第一个成功赴美上市的大型综合型电商平台,与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 331 关注
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 24 关注
  • 国际化

    i18n(其来源是英文单词 internationalization 的首末字符 i 和 n,18 为中间的字符数)是“国际化”的简称。对程序来说,国际化是指在不修改代码的情况下,能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖
  • 心情

    心是产生任何想法的源泉,心本体会陷入到对自己本体不能理解的状态中,因为心能产生任何想法,不能分出对错,不能分出自己。

    59 引用 • 369 回帖
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    93 引用 • 901 回帖 • 1 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    6 引用 • 14 回帖