Questions tagged [mxgraph]

mxGraph is an open source client side JavaScript diagramming library that uses SVG and HTML for rendering. It also provides server-side functionality in Java and .NET for persistence (open and save) functionality, as well as server-side image generation.

mxGraph is an open source client side JavaScript diagramming library that uses SVG and HTML for rendering. It supports all major browsers.

It also provides server-side functionality in Java and .NET for persistence (open and save) functionality, as well as server-side image generation.

Official Website:

https://www.jgraph.com/mxgraph.html

Github Project:

https://github.com/jgraph/mxgraph

437 questions
2
votes
0 answers

nodeJS ReferenceError : navigator is not defined

Hello I'm trying to make some Javascript files working on nodeJS everything is well set however here is the error I get : ReferenceError: navigator is not defined at C:\Users\blaster\node_modules\mxgraph\javascript\dist\build.js:45:9 at…
Yblaster
  • 21
  • 1
  • 2
2
votes
1 answer

mxGraph: Which event is fired when I move a handle point of an edge?

I move the point and I want to save the position after the movement. How can I catch this event? I know, the edge gets the points after moving, I can find control points in the geometry. But I need the moment of the end of movement.
Eleanor
  • 358
  • 5
  • 24
2
votes
1 answer

editor.graph.model.cells stops working after deleting shapes

I've started adding a new feature to my instance of GraphEditor to validate diagrams. The idea is this will involve performing operations such as ensuring there is one start event per diagram and that all starts have at least one end event. The…
RobSka17
  • 41
  • 3
2
votes
0 answers

How can I save the contents of a Javascript variable (containing XML) to my local disk?

I'm using JavaScript with MxGraph to create a simple client-side diagramming tool for my final-year university project. I'm very new to both JS and mxGraph. I need to generate te mxGraph graph's XML description, and save it as a .xml file to my…
Berkan
  • 31
  • 1
2
votes
1 answer

How can I automate displaying mxGraphModel in draw.io?

I have prepared a mxGraphModel in my console app (that is written in Java) and I would like to automate one of the following: opening draw.io / diagrams.net displaying its content export it as an image to a file: png, svg, pdf, any type…
Mikhail Kopylov
  • 2,008
  • 5
  • 27
  • 58
2
votes
0 answers

mxPoint relative to what?

I am trying to convert from an draw.io based diagram to another diagram type with absolute coordinates. In mxGraph the coordinates are relative, so the shapes are relative positioned to their container vertex. But to what are the points of an edge…
kleinph
  • 151
  • 1
  • 9
2
votes
1 answer

How to create multiple tabs or sheets or pages in mxGraph?

Draw.io has the feature of multiple pages with a tab view in the bottom. But to integrate that into mxgraph graph editor, it seems like an overkill. I'm looking for a simpler solution or some sort of workaround.
2
votes
1 answer

Infinite loop when overriding graphHandlerMouseUp on MxGraph using Angular

I have a difficult question to explain and I'm way out of my comfort zone as far as expertise in Javascript, TrueType, Angular and MxGraph are concerned... Hope to be able to explain. I have an Angular component displaying and MxGraph. I was able to…
Marco
  • 246
  • 1
  • 9
2
votes
1 answer

Cypress click/trigger not triggering eventListeners

For the past couple of months, I've been developing a workflow modeler for the final stage of my SO-driven SE education. I've been using mxGraph and vanilla javascript and i tried setting up some basic E2E tests using Cypress. I encountered some…
Kenny
  • 47
  • 2
  • 7
2
votes
0 answers

How to integrate mxgraph into webpack?

I am trying to integrate mxgraph library into a webpack / rails project. However I am facing an issue. I tried to follow the webpack example in the…
Thomas
  • 183
  • 1
  • 14
2
votes
1 answer

Construction logic for Hierarchial tree in Recursion fashion

var cellData = []; function constructCells(graph, cell) { var cellDataObj = {}; var outgoingEdges = graph.getOutgoingEdges(cell); cellDataObj.id = cell.id; cellDataObj.value = cell.value; if (outgoingEdges.length) { …
Mithun Shreevatsa
  • 3,588
  • 9
  • 50
  • 95
2
votes
1 answer

Is there any well-written documentation for mxgraph?

I want to use workflow in my web application. I've decided to use mxgraph. My main problem is that it have very pure documentation. For example I want to add items to toolbar for bpmn but I don't now how I should do that. I need some sample that…
Bahman Shafiei
  • 395
  • 5
  • 22
2
votes
2 answers

MxGraph - hightlight some cells when dragging source

I have integrated mxGraph in my React application. Now I want to highlight some cells when dragging a component from the editor's sidebar. This highlighted cells should indicate where this source can be dropped. There is a function, which should…
MarryS
  • 165
  • 2
  • 10
2
votes
1 answer

How i can use mxGraph instance in node.js

I'm trying use mxGraph instance in node.js to prepare XML export with my custom logic (works with front-end, i'm just moving logic to back-end). Is it possible to use full API of mxGraph instance in nodej.js, i'm wondering about methods like…
2
votes
0 answers

mxGraph - Export to Image

I am trying to export mxGraph to PNG image. In the graph HTMLLabels is set to true and custom html formatted (Using Div tags) content used for vertex labels. In the exported image, raw html tags are getting displayed instead of formatted one. This…
Giridharan
  • 41
  • 8