Stack Overflow
Stack Overflow

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
6
votes
1 answer

Render draw.io diagram to png

I'm trying to render draw.io saved (SaveAs->Device) .xml diagrams. Saved diagram using as input example:
Nikita Romaniuk
  • 125
  • 2
  • 11
5
votes
2 answers

Highlight multiple cells using mxCellHighlight

I would like to highlight a sequence of cells in a draw.io diagram in chromeless mode. The objective is to illustrate a path which includes vertices and edges: Using the helper class mxCellHighlight, I am basically trying the following: var…
Boris
  • 338
  • 2
  • 20
5
votes
2 answers

How to simulate drag for rectangle with text

I wanted to drag every table row as rectangle, it must do the same functionality of rectangle. Once you run the code you can see table below table rectangle will be there on left top, i wanted to replicate the same functionality for table row…
user6783030
5
votes
1 answer

What functionality is the java code responsible for within the GraphEditor in the mxgraph example for javascript?

I am studying the grapheditor example under mxgraph's javascript https://github.com/jgraph/mxgraph/tree/master/javascript/examples/grapheditor However, I notice there are two parts. There's a javascript/HTML portion in the www folder. And there's a…
Kim Stacks
  • 10,202
  • 35
  • 151
  • 282
5
votes
0 answers

Make edges avoid vertices in mxGraph?

I have an mxGraph, and my edges use an OrthoConnect style so that the arrows of the edges correctly point to the vertex. I found with other styles, they remained horizontal even when connecting to the top and bottom of a vertex. The OrthoConnect…
Tyler Dahle
  • 817
  • 1
  • 8
  • 37
5
votes
1 answer

mxGraph convert JSON data to graph

I have a set of JSON format data which needs to be converted into a mxGraph diagram. here's how it should look like: This is the structure of my JSON data [ { name: 'Globals', parentObjects: [] }, { name: 'Customer', …
Prajwal
  • 188
  • 1
  • 9
5
votes
1 answer

How to work with mxgraph events

I am new working with mxgraph in javascript and have some specific questions on how to use events from the graph. There are two basic scenarios that I am interested to work with and understand better: 1) I am interested to add vertices using the…
C Wells
  • 231
  • 3
  • 8
5
votes
2 answers

How do I use the curved edge style in mxGraph

A recent release of mxGraph has added curves as a style for edges. I expected this to be an edge routing style, but it seems not. Could anyone show me a small example of a graph with curved edges?
Geff Attree
  • 183
  • 3
  • 8
4
votes
1 answer

mxGraph - Some Shapes Not Rendering Correctly in ReactJS Application

I'm creating a React component which will render a graph by using an XML string with mxGraph. The graph is rendering inside the component, but some shapes, such as circles, diamonds, and swimlanes, are not rendering correctly; they appear as simple…
Rudy
  • 436
  • 3
  • 19
4
votes
2 answers

mxGraph -Save functionality not working locally

I downloaded https://github.com/jgraph/mxgraph open source code from Git,this application Save functionality not working in the locally. Is there any possible for run the save functionality in Locally?. is there any configuration required for that?…
Sajith
  • 856
  • 4
  • 19
  • 48
4
votes
0 answers

Does mxGraph support drawing using HTML canvas instead of SVG?

I was reading that when it comes to drawing diagrams in the Web there are several options, two of them are SVG and through HTML canvas, which have differences in performance. I know mxGraph do drawings on a SVG by default, is there an option to draw…
user938752
  • 41
  • 2
4
votes
1 answer

How to replace an image with mxgraph

I am a new mxgraph user so my knowledge about mxgraph is very poor. I'll try to explain my problem as clear as possible: I want to replace an image with a new one using mxgraph. Is there a way to do that with mxgraph? I tried graph.setCellStyles…
A.Titta
  • 41
  • 2
4
votes
1 answer

mxGraph - How to automatically resize mxCell to content width if it exceeds the default size

How can I create an mxCell, setting the minimum width of its mxGeometry, but that would resize to the width of the html element of its value field if it is higner than the default width? For now I have this code var style =…
c4ffein
  • 73
  • 1
  • 7
4
votes
2 answers

How to add a complex shape easily to MxGraph?

I'm aware that I can add shapes to MxGraph by drawing them with stencils like: …
Dinal24
  • 3,162
  • 2
  • 18
  • 32
4
votes
1 answer

Change label on an mxgraph cell/vertex

I've created an interface, including mxgraph (javascript), that allows a user to click on a cell and edit the cell's label in a regular form text input that's separate from the graph. I'd like to change the cell's label after the user saves the…
Gary C.
  • 41
  • 1
  • 3
1
2
3
…
29 30