Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

490
Views
MxGraph JavaScript: How to calculate edge length?

I am looking for a way to calculate the length of the edges in one graph. As an example this image: The connecting edge contains three parts, (a,b and c) I have no idea how to retrieve this information that I can sum up the distances of a + b + c.

On a more complexe graph I want to calculate the length for each edge. There I would loop through all models of the graph, check with .isEdge if it is an edge and then calculate the length of each edge.

let cells = graph.getModel().cells;
            
for(let key in cells){
    let mxCell = cells[key];
    if(mxCell.isEdge())
        {
            calcLength(mxCell)
        } }

calcLength() is the function I need. This one should return the length of the edge.

I used the helloPorts example from jGraph.

Thanks in advance!!

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Back again,

together with a friend we found the solution. The information is stored under the graphView in the state as the length.

graphView.getState(mxCell).length

This is part of the mxCell object. If you are looking for the Euclidian length of an edge, this is stored under terminalDistance.

graphView.getState(edge).terminalDistance

The code would look like this to access it:

                let cells = graph.getModel().cells;
                let graphView = graph.getView();
                
                
                // The getModel needs to be triggered before the loop otherwise the the mxCell state is undefined
                graph.getModel().endUpdate();
                
                for(let key in cells){
                    let mxCell = cells[key];
                    if(mxCell.isEdge())
                    {
                        let state = graphView.getState(mxCell).length;
                    }
                    
                }
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!