微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

更改ngx--graph的链接颜色

如何解决更改ngx--graph的链接颜色

ngx图形上的

,是否可以更改链接模板?如果是,如何更改链接的颜色。认情况下,它是黑色的。

    <ng-template #linkTemplate let-link>
        <svg:g class="edge"
               [attr.fill-opacity]="0.4"
        >
            <svg:path
                    [attr.fill]="'red'"
                    [attr.color]="'red'"
                    class="line"
                    marker-end="url(#arrow)"
                    stroke-width="2"
                    style="fill: green">
            </svg:path>
            <svg:text class="edge-label" text-anchor="middle">
                <textPath [attr.href]="'#' + link.id" [style.dominant-baseline]="link.dominantBaseline"
                          class="text-path" startOffset="80%">
                    {{link.label}}
                </textPath>
            </svg:text>
        </svg:g>
    </ng-template>

解决方法

我自己找到了答案。也许对某人有用。

只需设置笔划值。

<svg:path
                    class="line"
                    marker-end="url(#arrow)"
                    stroke-width="2"
                    stroke='red'">
</svg:path>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。