streamlit-mermaid icon indicating copy to clipboard operation
streamlit-mermaid copied to clipboard

Can't adapt to height of Gantt

Open ericsunplus opened this issue 6 months ago • 0 comments

It is a great tool to show mermaid graph inside the dashboard. Recently I try to include a gantt inside my page, it turn out the height of gantt is not retrieved correctly. To show the full gantt, we need to use the scrollbar, which is not convenient to view the big picture.

MWE

code = r'''
gantt
    dateFormat  YYYY-MM-DD
    title       Adding GANTT diagram functionality to mermaid
    excludes    weekends
    %% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".)

    section A section
    Completed task            :done,    des1, 2014-01-06,2014-01-08
    Active task               :active,  des2, 2014-01-09, 3d
    Future task               :         des3, after des2, 5d
    Future task2              :         des4, after des3, 5d

    section Critical tasks
    Completed task in the critical line :crit, done, 2014-01-06,24h
    Implement parser and jison          :crit, done, after des1, 2d
    Create tests for parser             :crit, active, 3d
    Future task in critical line        :crit, 5d
    Create tests for renderer           :2d
    Add to mermaid                      :until isadded
    Functionality added                 :milestone, isadded, 2014-01-25, 0d

    section Documentation
    Describe gantt syntax               :active, a1, after des1, 3d
    Add gantt diagram to demo page      :after a1  , 20h
    Add another diagram to demo page    :doc1, after a1  , 48h

    section Last section
    Describe gantt syntax               :after doc1, 3d
    Add gantt diagram to demo page      :20h
    Add another diagram to demo page    :48h
'''
stmd.st_mermaid(code)

image

For other mermaid image types, seems there is not such a problem. I can specify height stmd.st_mermaid(code, height=800) to show the full picture, but I want this can be adaptive and don't need explicit specifying.

ericsunplus avatar Aug 15 '24 03:08 ericsunplus