首页 > 解决方案 > 改变ngx--graph的链接颜色

问题描述

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

    <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>

标签: angularsvgd3.jsgraphngx-graph

解决方案


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

只需设置笔画值。

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

推荐阅读