You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
HariSekhon
changed the title
Gantt Chart top additional X Axis for large Gantt Charts?
Gantt Chart top X Axis not working for GitHub live readme diagram
Feb 7, 2025
Issue Confirmation: topAxis Not Working in Live Editor & Development Page
I have tested the topAxis feature in multiple environments, and I can confirm that it does not work as expected.
Steps to Reproduce
1. Mermaid Live Editor
I used the following code snippet in Mermaid Live Editor
%%{ init: {"topAxis": true } }%%
gantt
title Test Gantt with Top Axis
dateFormat YYYY-MM-DD
axisFormat %Y-%m-%d
section Development
Task A :done, 2024-01-01, 2024-02-01
Task B :active, 2024-02-01, 2024-03-01
Expected Behavior: The X-axis with dates should appear at the top of the Gantt chart. Observed Behavior: No top axis is displayed.
I have also tried your Github profile code but the result is the same.
2. Mermaid Development Page
The official Mermaid documentation page suggests that topAxis is a valid feature. However, when testing the feature on the development page, it is not working.
Findings
topAxis appears to be non-functional across all environments, including:
Mermaid Live Editor
Latest MermaidJS development page
Documentation page
Github MermaidJS
This suggests a potential bug in the Gantt chart rendering logic rather than an issue with platform-specific implementations.
Would appreciate any insights from the maintainers!
I've got a couple MermaidJS Gantt Charts in my GitHub profile to show my GitHub repos dates of work and my Tech Experience years of focus.
My Tech Experience Gantt is so vertically large due to lots of bars that you can't see the X Axis at the bottom to see the dates of bars at the top.
Is there a way to put the X Axis at the top of the Gantt Chart as well?
Could this be added as a feature to make large Gantt Charts more visually practical?
https://github.com/HariSekhon#gantt-chart-of-my-experience
The text was updated successfully, but these errors were encountered: