Mermaid Timeline error

betternote · 2023-10-31T19:26:38.229Z

Hi,

Joplin 2.12.19 (prod, linux)
Version de Synchro : 3
Version du profil : 43
Révision : 7081046
Enhancement: 1.2.1
Quick Links: 1.2.4
Rich Markdown: 0.13.3
Search & Replace: 2.2.0
Templates: 2.4.0

I would use mermaid to draw timelines. The code works on their demo site.

timeline
        title MermaidChart 2023 Timeline
        section 2023 Q1 <br> Release Personal Tier
          Buttet 1 : sub-point 1a : sub-point 1b
               : sub-point 1c
          Bullet 2 : sub-point 2a : sub-point 2b
        section 2023 Q2 <br> Release XYZ Tier
          Buttet 3 : sub-point <br> 3a : sub-point 3b
               : sub-point 3c
          Bullet 4 : sub-point 4a : sub-point 4b

but it doesn't work on my PC.
I get:

Syntax error in graph
mermaid version 9.2.2

I tried with all disabled others modules, with no change.

dpoulton · 2023-10-31T21:01:37.329Z

From what I found it seems that timeline charts do not appear in Mermaid until v9.4.0

GitHub

Release v9.4.0 · mermaid-js/mermaid

What's Changed Features Timeline Diagram by @ashishjain0512 in #4014 feat: Flowchart layout using elkjs by @knsv in #3984 Layout v3 continued by @knsv in #3938 feat(er): add unique key by @tomperr...

betternote · 2023-10-31T21:51:39.214Z

Thank you @dpoulton
I'll wait for an update into Joplin himself.

JackGruber · 2023-11-01T07:20:04.070Z

On Joplin 2.13.2 (pre-release) the mermaid charts work.

github.com/laurent22/joplin

All: Resolves #8728: Bump mermaid version to 10.4.0 to support new chart types

laurent22:dev ← oj-lappi:joplin-feature-new-mermaid-charts

opened 10:49AM - 16 Sep 23 UTC

oj-lappi

+1527 -985

A bump from 9.2.2 to 10.4.0 adds at least the following chart types: - timelin…e chart - quadrant charts - Sankey diagrams (flow from one set of elements to another set, e.g. used in budget analysis) Browsing through the forums I noticed some old topics on previous updates to the mermaid dependency. https://discourse.joplinapp.org/t/upgrading-mermaid/10140/8 >laurent, Jun '21: >Normally it's easy and [even documented 30](https://github.com/laurent22/joplin/tree/dev/packages/renderer#updating-a-markdown-it-plugin) but I guess no-one took the time to do it. Often we only update when there's a bug or significant improvement in the library. I've tested, and bumping the version number gives us all the implemented chart types out of the box (which I think counts as a significant improvement). This would of course be a major version bump, but I can't comment on the breaking changes for v10, it seems to work fine, but I don't have the perspective that regular contributors do. The breaking changes for mermaid v10 are listed here: https://github.com/mermaid-js/mermaid/blob/master/CHANGELOG.md#1000 Fixes #8728, #8701, #6769

grafik2081×998 158 KB

system · 2023-12-01T07:20:50.510Z

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.