Stack Overflow
Stack Overflow

Questions tagged [ngx-graph]

Graph visualization library for angular (@swimlane/ngx-graph)

38 questions
3
votes
1 answer

Custumize Node Template and Edge Template using NGX-GRAPH not works

I'm new to NGX-GRAPH. I'm trying to build an oriented graph. This is my code: ngx-graph.component.html:
Lulixter
  • 161
  • 1
  • 3
  • 12
3
votes
0 answers

Partly blacked out canvas when using html2canvas on a div that displays a ngx-graph

I'm using ngx-graph for angular to display something graphic. Since theres no direct feature to download the graphic I looked around and found people using ngx-charts and html2canvas to generate a downloadable canvas of their charts. Now I'm trying…
user11758518
3
votes
0 answers

Passing typescript variable to svg image href attribute

I am trying to include an icon in my svg graphic and I need to pass the icon path in as a variable as the icon will change depending on which graphic I am displaying. I have tried the code below:
Lisa
  • 323
  • 1
  • 3
  • 11
2
votes
1 answer

Cannot install ngx-graph with Angular 13.3

I have an Angular v13.3 project in which I'm trying to install the v8.0.0 of ngx-graph. When I run the command npm install @swimlane/ngx-graph --save I get the following output. npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency…
Nick A. Watts
  • 819
  • 10
  • 16
2
votes
0 answers

NGX GRAPH NullInjectorError: No provider for InjectionService using AOT

I have the following graph :
Nathan Cheval
  • 773
  • 2
  • 7
  • 32
2
votes
1 answer

NGX-Graph: Anchor Paths in Center of Nodes

got a problem with ngx-graph. Is it possible to point the beginning and the end of the connecting path to the center of a node? My svg nodes are bigger than the sub-element e.g: I tried to implement a custom curve, implement a custom layout and…
lkaupp
  • 551
  • 1
  • 6
  • 17
2
votes
1 answer

Ngx-graph doesn't show properly nodes and edges

I'm trying to create a graph with the ngx-graph library(I'm new with it).I'm trying to create nodes and edges in a dynamic way. I get the info from a service and I push these data into two separate array(Nodes and Edges). Thw problem is the data are…
travis_911
  • 301
  • 7
  • 19
2
votes
0 answers

How to set the order of trees in ngx-graph?

How to set the order of trees using ngx-graph? I tried to play with the order of nodes/links in the arrays, but seems like the library has its own algorithm to place them into the view. On the example below, I need to place them like(from top to…
Konstantin Kim
  • 209
  • 1
  • 4
  • 18
2
votes
3 answers

Reload ngx-graph with new data

I am trying out swimlane ngx-graph, in my application user can delete or add nodes. Based on delete or add action I will update my data accordingly. Real question now is how can I refresh my graph without refreshing entire page.
user8624282
2
votes
2 answers

ngx-graph : Build fails

I have used ngx-graph to implement visualization of a DAG. It works perfectly during development and throws no errors. While in a deployed build, it stacks up errors in the console. I guess it is looking for some provider but none is described in…
MonkeyScript
  • 4,776
  • 1
  • 11
  • 28
1
vote
0 answers

How to use @swimlane/ngx-graph package in angular project version 11.2.5?

I have created an angular project. The package.json file will look like below : package.json : { "name": "xxx", "version": "1.0.0", "description": "xx", "author": { "github": "yyy" }, "license": "..;", "scripts": { "lint": "ng…
vijay s
  • 147
  • 1
  • 4
  • 15
1
vote
0 answers

mat-checkbox doesn't render properly inside npx-graph in safari

Have an issue with mat-checkbox in safari and npx-grpah. as you can see below on the screens. this is chrome and on charts mat-checkbox appears properly in every node. and this is a safari screen. For some reason, the mat-checkbox appears in the…
Vadym
  • 77
  • 1
  • 9
1
vote
1 answer

ngx graph - Store the state of the graph after repositioning some nodes

The ngx-graph is used to draw flow diagram in angular. The algorithm automatically aligns the nodes with proper spacing. Also there is a feature to drag the nodes from their initial positions But on page refresh all the changes made by the user are…
Abdul K Shahid
  • 504
  • 1
  • 4
  • 17
1
vote
1 answer

Need help in ngx-graph links layout

I am trying to use ngx-graph in my project to draw a hierarchical graph. I have issue with links that connecting two nodes. I have tried all curve types, but not getting expected result. Here is some code…
Chitrajan Dhiman
  • 96
  • 5
1
vote
1 answer

How can I add more SVG or Html elements / events to template with Angular 5?

-Except #nodeTemplate and #linkTemplate, how can we add more elements using customTemplate to ngx-graphs?
Noufal Wayn
  • 84
  • 5
1
2 3