diff options
Diffstat (limited to 'public/src/app/diagram/diagram.component.html')
-rw-r--r-- | public/src/app/diagram/diagram.component.html | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/public/src/app/diagram/diagram.component.html b/public/src/app/diagram/diagram.component.html index 7585428..c813a3c 100644 --- a/public/src/app/diagram/diagram.component.html +++ b/public/src/app/diagram/diagram.component.html @@ -1,7 +1,6 @@ <div style="overflow:auto; height:450px; padding: 0 1em; border: 1px solid #d9d9d9;"> - <svg id="diagram" #diagram align="center" #svgContainer> - <svg width="100%" height="1300px" preserveAspectRatio="xMaxYMin meet" *ngFor="let item of list; let i = index" style="padding: 1em 0;" - align="center"> + <svg id="diagram" #diagram align="center" #svgContainer [attr.height.px]="(list.length * 45) + 50"> + <svg width="100%" height="2000px" preserveAspectRatio="xMaxYMin meet" *ngFor="let item of list; let i = index" align="center"> <svg [attr.width]="maxLengthLeft * 10"> <text text-anchor="start" x="0" [attr.y]="40 * (i+1)" font-size="12" dy="0"> @@ -14,18 +13,18 @@ </text> </svg> - <circle stroke="#8BC34A" fill="#8BC34A" [attr.cx]="maxLengthLeft * 8" [attr.cy]="44 * (i+1)" r="5" /> + <circle stroke="#8BC34A" fill="#8BC34A" [attr.cx]="maxLengthLeft * 8" [attr.cy]="40 * (i+1)" r="5" /> - <line [attr.x1]="maxLengthLeft * 8" [attr.y1]="44 * (i+1)" [attr.x2]="maxWidth - maxLengthRight * 8 - 30" [attr.y2]="44 * (i+1)" + <line [attr.x1]="maxLengthLeft * 8" [attr.y1]="40 * (i+1)" [attr.x2]="maxWidth - maxLengthRight * 8 - 60" [attr.y2]="40 * (i+1)" stroke-width="2" stroke="black" stroke-dasharray="5, 5" stroke="#8BC34A" fill="#8BC34A" class="line" /> - <circle [attr.cx]="maxWidth - maxLengthRight * 8 - 30" [attr.cy]="44 * (i+1)" r="5" stroke="#8BC34A" fill="#8BC34A" /> + <circle [attr.cx]="maxWidth - maxLengthRight * 8 - 60" [attr.cy]="40 * (i+1)" r="5" stroke="#8BC34A" fill="#8BC34A" /> <text text-anchor="start" [attr.x]="maxWidth - maxLengthRight * 8" [attr.y]="40 * (i+1)" font-size="12" dy="0"> - <tspan [attr.x]="maxWidth - maxLengthRight * 8" dy=".6em" font-weight="bold"> + <tspan [attr.x]="maxWidth - maxLengthRight * 11" dy=".6em" font-weight="bold"> {{item.name2}} </tspan> - <tspan [attr.x]="maxWidth - maxLengthRight * 8" dy="1.2em"> + <tspan [attr.x]="maxWidth - maxLengthRight * 11" dy="1.2em"> {{item.p2}} </tspan> </text> |