gbanyan/pedigree-draw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust the label a little
Some checks failed
Deploy to GitHub Pages / build (push) Has been cancelled
Details
Deploy to GitHub Pages / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
gbanyan
2025-12-16 11:18:50 +08:00
parent 7c2a624130
commit f86cf3b887
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/PedigreeCanvas/hooks/useD3Pedigree.ts
View File

@@ -446,13 +446,15 @@ function renderPersons(
.attr('fill', 'none'); .attr('fill', 'none');
} }
// Label // Label (positioned below connection lines)
// Vertical lines to children end at childY - halfSymbol = parentY + verticalSpacing - 20 = parentY + 80
// So label must be > 80 to avoid overlap. Using 85.
if (options.showLabels && person.metadata.label) { if (options.showLabels && person.metadata.label) {
personGroup personGroup
.append('text') .append('text')
.attr('class', 'person-label') .attr('class', 'person-label')
.attr('x', 0) .attr('x', 0)
.attr('y', options.symbolSize / 2 + 15) .attr('y', options.symbolSize / 2 + 65)
.attr('text-anchor', 'middle') .attr('text-anchor', 'middle')
.attr('font-size', '12px') .attr('font-size', '12px')
.attr('font-family', 'sans-serif') .attr('font-family', 'sans-serif')
@@ -465,7 +467,7 @@ function renderPersons(
.append('text') .append('text')
.attr('class', 'person-id') .attr('class', 'person-id')
.attr('x', 0) .attr('x', 0)
.attr('y', options.symbolSize / 2 + 15) .attr('y', options.symbolSize / 2 + 65)
.attr('text-anchor', 'middle') .attr('text-anchor', 'middle')
.attr('font-size', '11px') .attr('font-size', '11px')
.attr('font-family', 'sans-serif') .attr('font-family', 'sans-serif')