Help needed: Using circle instead of rect

[panpan0000]

Using circle instead of rect

[ ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[*] support request => Please do not submit support request here

Current behavior
currently, the sample use <svg:rect> which works well.
but if I want to use customized icon or circle.
I can't align the lines with the circle center...

Expected behavior
how to make the lines always connected with the circle center ?

[isaacplmann]

try this:

        <ng-template #nodeTemplate let-node>
          <svg:g class="node" ngx-tooltip [tooltipPlacement]="'top'" [tooltipType]="'tooltip'" [tooltipTitle]="node.label">
            <svg:circle [attr.r]="node.width/2" [attr.cx]="node.width/2" [attr.cy]="node.width/2" [attr.fill]="node.options.color" />
            <svg:text alignment-baseline="central" [attr.x]="10" [attr.y]="node.height / 2">{{node.label}}</svg:text>
          </svg:g>
        </ng-template>

Not perfect, but it gets you closer.

[panpan0000]

Yes. @isaacplmann .
although after drag the ball , the line doesn't not points to the center of balls. but anyhow , it's good at the beginning .
thank you.