[GH-ISSUE #104] 【help】mermaid部分格式还是有问题 #70

Closed
opened 2026-03-02 03:37:34 +03:00 by kerem · 9 comments
Owner

Originally created by @justincnn on GitHub (Mar 10, 2025).
Original GitHub issue: https://github.com/codexu/note-gen/issues/104

好的,编辑器是基于 vditor 开发的,目前加载 mermaid 未使用 CDN,加载的本地文件,估计升级难度不大,加入更新计划。

大佬,你好,部分mermaid还是有问题,请看如下的内容,

67cf625ac82ff

md原格式:

```mermaid
bar
  title 福利支出预测
  "2024: 8%" : 8
  "2029: 12.5%" : 12.5
```

Originally posted by @justincnn in #99

Originally created by @justincnn on GitHub (Mar 10, 2025). Original GitHub issue: https://github.com/codexu/note-gen/issues/104 > 好的,编辑器是基于 [vditor](https://github.com/Vanessa219/vditor) 开发的,目前加载 mermaid 未使用 CDN,加载的本地文件,估计升级难度不大,加入更新计划。 > > 大佬,你好,部分mermaid还是有问题,请看如下的内容, > > ![67cf625ac82ff](https://servpic.sharepan.eu.org/i/2025/03/11/67cf625ac82ff.webp) > > > md原格式: > ~~~ > ```mermaid > bar > title 福利支出预测 > "2024: 8%" : 8 > "2029: 12.5%" : 12.5 > ``` > ~~~ _Originally posted by @justincnn in [#99](https://github.com/codexu/note-gen/issues/99#issuecomment-2711953404)_
kerem closed this issue 2026-03-02 03:37:35 +03:00
Author
Owner

@codexu commented on GitHub (Mar 11, 2025):

我未在 mermaid 文档中找到直接使用 bar 的语法,你说的可能是 XY Chart?
https://mermaid.js.org/syntax/xyChart.html?#bar-chart

Image 这个符合你的预期吗?
<!-- gh-comment-id:2712169306 --> @codexu commented on GitHub (Mar 11, 2025): 我未在 mermaid 文档中找到直接使用 bar 的语法,你说的可能是 XY Chart? https://mermaid.js.org/syntax/xyChart.html?#bar-chart <img width="790" alt="Image" src="https://github.com/user-attachments/assets/503d54b8-5af1-4078-a406-cf354ce975fe" /> 这个符合你的预期吗?
Author
Owner

@justincnn commented on GitHub (Mar 11, 2025):

我未在 mermaid 文档中找到直接使用 bar 的语法,你说的可能是 XY Chart?
https://mermaid.js.org/syntax/xyChart.html?#bar-chart

Image 这个符合你的预期吗?

恩恩,太好了,就是纵坐标可以调整下不?纵坐标这样不利于阅读

<!-- gh-comment-id:2712246931 --> @justincnn commented on GitHub (Mar 11, 2025): > 我未在 mermaid 文档中找到直接使用 bar 的语法,你说的可能是 XY Chart? > https://mermaid.js.org/syntax/xyChart.html?#bar-chart > > <img width="790" alt="Image" src="https://github.com/user-attachments/assets/503d54b8-5af1-4078-a406-cf354ce975fe" /> > 这个符合你的预期吗? 恩恩,太好了,就是纵坐标可以调整下不?纵坐标这样不利于阅读
Author
Owner

@codexu commented on GitHub (Mar 11, 2025):

Image 你是指设置Y轴范围?
<!-- gh-comment-id:2712270917 --> @codexu commented on GitHub (Mar 11, 2025): <img width="807" alt="Image" src="https://github.com/user-attachments/assets/f9ce669d-ec4e-4100-b1e7-17f8c1a61d6a" /> 你是指设置Y轴范围?
Author
Owner

@justincnn commented on GitHub (Mar 11, 2025):

Image 你是指设置Y轴范围?

完美,预计什么时候发布?😄😄😄

<!-- gh-comment-id:2712458759 --> @justincnn commented on GitHub (Mar 11, 2025): > <img width="807" alt="Image" src="https://github.com/user-attachments/assets/f9ce669d-ec4e-4100-b1e7-17f8c1a61d6a" /> > 你是指设置Y轴范围? 完美,预计什么时候发布?😄😄😄
Author
Owner

@codexu commented on GitHub (Mar 11, 2025):

https://github.com/codexu/note-gen/releases/tag/app-v0.10.4
历史版本都可以支持这个语法

<!-- gh-comment-id:2712466034 --> @codexu commented on GitHub (Mar 11, 2025): https://github.com/codexu/note-gen/releases/tag/app-v0.10.4 历史版本都可以支持这个语法
Author
Owner

@justincnn commented on GitHub (Mar 11, 2025):

https://github.com/codexu/note-gen/releases/tag/app-v0.10.4 历史版本都可以支持这个语法

我下载了0.10.4和最新的0.10.5,都不行啊,是需要哪里设置么?

67d017a8a2354

<!-- gh-comment-id:2713692534 --> @justincnn commented on GitHub (Mar 11, 2025): > https://github.com/codexu/note-gen/releases/tag/app-v0.10.4 历史版本都可以支持这个语法 我下载了0.10.4和最新的0.10.5,都不行啊,是需要哪里设置么? ![67d017a8a2354](https://servpic.sharepan.eu.org/i/2025/03/11/67d017a8a2354.webp)
Author
Owner

@codexu commented on GitHub (Mar 11, 2025):

Image
前面都说了,你的语法不对呀,你按照我的改

<!-- gh-comment-id:2714242345 --> @codexu commented on GitHub (Mar 11, 2025): ![Image](https://github.com/user-attachments/assets/eb79f9b2-2d6d-4282-abea-34bc81e0ca73) 前面都说了,你的语法不对呀,你按照我的改
Author
Owner

@justincnn commented on GitHub (Mar 11, 2025):

Image 前面都说了,你的语法不对呀,你按照我的改

感谢,是我前面误解你的意思了,

请问可以修改,让mermaid支持bar语法么?谢谢
github的md渲染工具可以直接支持这个语法,

<!-- gh-comment-id:2715861619 --> @justincnn commented on GitHub (Mar 11, 2025): > ![Image](https://github.com/user-attachments/assets/eb79f9b2-2d6d-4282-abea-34bc81e0ca73) 前面都说了,你的语法不对呀,你按照我的改 感谢,是我前面误解你的意思了, 请问可以修改,让mermaid支持bar语法么?谢谢 github的md渲染工具可以直接支持这个语法,
Author
Owner

@codexu commented on GitHub (Mar 12, 2025):

Image 我试了一下 github 也不能呀
<!-- gh-comment-id:2716132363 --> @codexu commented on GitHub (Mar 12, 2025): <img width="835" alt="Image" src="https://github.com/user-attachments/assets/c452c2fa-e8b1-488d-bc75-06c7e6b7fb04" /> 我试了一下 github 也不能呀
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/note-gen#70
No description provided.