angular - 改变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>
解决方案
我自己已经找到了答案。也许它对某人有用。
只需设置笔画值。
<svg:path
class="line"
marker-end="url(#arrow)"
stroke-width="2"
stroke='red'">
</svg:path>
推荐阅读
- reactjs - 跟踪状态中一个属性的更改
- angular - 在 Angular 5 应用程序中打开静态 html 页面
- javascript - 在 React 中映射本地 .json 数据
- sharepoint-2013 - 根据选择字段的 Nintex 条件规则
- javascript - 用于更改猫的名称、网址和点击次数的管理区域(默认隐藏)
- docker - Sonarqube:无法找到请求目标的有效认证路径
- python - 如果 pandas 合并找到多个匹配项,则将值行写入一个字段
- java - 将谷歌地图集成到 DJI mapWidget 中
- c++ - C ++中实例变量的双冒号
- android - 所有 gms/firebase 库必须使用完全相同的版本规范