marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-10-05 23:29:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

Moved text to bottom of graph, even when rows are added/deleted

Browse Source
This commit is contained in:
megantriplett
2025-03-28 16:08:44 -04:00
parent e8986eb546
commit c1db4f2ed0
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/mermaid/src/diagrams/gantt/ganttRenderer.js
View File

@@ -234,7 +234,7 @@ export const draw = function (text, id, version, diagObj) {
// Get unique task orders. Required to draw the background rects when display mode is compact. // Get unique task orders. Required to draw the background rects when display mode is compact.
const uniqueTaskOrderIds = [...new Set(theArray.map((item) => item.order))]; const uniqueTaskOrderIds = [...new Set(theArray.map((item) => item.order))];
const uniqueTasks = uniqueTaskOrderIds.map((id) => theArray.find((item) => item.order === id)); const uniqueTasks = uniqueTaskOrderIds.map((id) => theArray.find((item) => item.order === id));
const numOccurrences = Object.keys(categoryHeights).map((d) => [d, categoryHeights[d]]);
// Draw background rects covering the entire width of the graph, these form the section rows. // Draw background rects covering the entire width of the graph, these form the section rows.
svg svg
.append('g') .append('g')
@@ -243,6 +243,8 @@ export const draw = function (text, id, version, diagObj) {
.enter() .enter()
.append('rect') .append('rect')
.attr('x', 0) .attr('x', 0)
.data(numOccurrences)
.enter()
.attr('y', function (d, i) { .attr('y', function (d, i) {
// Ignore the incoming i value and use our order instead // Ignore the incoming i value and use our order instead
i = d.order; i = d.order;
@@ -420,10 +422,16 @@ export const draw = function (text, id, version, diagObj) {
}) })
.attr('y', function (d, i) { .attr('y', function (d, i) {
// Ignore the incoming i value and use our order instead // Ignore the incoming i value and use our order instead
i = d.order;
if (d.vert) { if (d.vert) {
return conf.barHeight * 8 + (conf.fontSize / 2 - 2) + theTopPad; // console.log(d);
// console.log(numOccurrences);
// console.log((numOccurrences.at(0)).at(1));
return (
conf.barHeight * numOccurrences.at(0).at(1) * 1.3 + (conf.fontSize / 2 - 2) + theTopPad
);
// return conf.gridLineStartPadding;
} }
i = d.order;
return i * theGap + conf.barHeight / 2 + (conf.fontSize / 2 - 2) + theTopPad; return i * theGap + conf.barHeight / 2 + (conf.fontSize / 2 - 2) + theTopPad;
}) })
.attr('text-height', theBarHeight) .attr('text-height', theBarHeight)