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

How to validate for un-connected edges to cell in mxgraph

Hi i'm facing problem with validation for un-connected edges to cells in mxgraph below image will show you my expectation: Question: whenever i press validate button un-connected edges and cells must be highlighted with red color. For full view…
user6783030
18
votes
2 answers

Automatic swimlane layout in mxgraph

There is swimlane example in mxgraph but it is not automatic. So I took the graphlayout example as a basis instead and made few changes: Always use mxSwimlaneLayout Took swimlane cell style from the swimlanes example Created two swimlanes Used…
queen3
  • 15,333
  • 8
  • 64
  • 119
16
votes
3 answers

Format of Draw.io XML file?

I created a shape in draw.io and exported it to get its XML file, which looks like…
dyarbrough
  • 771
  • 2
  • 8
  • 14
13
votes
3 answers

unable to create an MxGraph from the XML provided

It's a React project and I am trying to convert XML to MxGraph. PFB :- the code that I have import React, { Component } from 'react' import ReactDOM from 'react-dom' import { mxGraph, mxRubberband, mxKeyHandler, mxClient, mxUtils, …
Dhaval Chheda
  • 4,637
  • 5
  • 24
  • 44
13
votes
1 answer

How to get the parent child relationship between connected mxgraph

I'm trying to get simplified relationship between connected mxgraph Question: I'm trying to get the simplified relationship, once the graph is drawn. i'm trying to get relationship between connected nodes in json. Note: solution must work for every…
user6783030
12
votes
1 answer

Rendering XML from draw.io as an image using mxCellRenderer

I am trying to programmatically read in an XML file generated by draw.io, an online flowchart/diagram creation service. Draw.io is built using mxGraph at its core, which has recently been externally named jgraphx (thus the tag on this post), though…
Jamison Bryant
  • 430
  • 3
  • 12
9
votes
2 answers

How to have fixed drag step in mxgraph

Hi i'm looking for drag step for each drag item, let say 200px below image is demonstrating it: i have searched a lot but did not find any solution related to that. Question: The imaginary drag box step should be set to 200px, in other words it…
EaBengaluru
  • 131
  • 2
  • 17
  • 59
9
votes
5 answers

How to integrate mxGraph with Angular 4?

I am working on Angular 4 and I want to integrate mxGraph in my project. I have googled for it but I am not getting the full working example. I have tried following way, but it also not working for me. Steps I have followed: Installed mxgraph: npm…
viks
  • 1,368
  • 16
  • 19
8
votes
1 answer

MxGraph: Is it possible to render a graph in HTML without SVG?

I'm looking for a way to render a graph in HTML, solely using mxGraph Javascript, without the use of an SVG canvas. The user manual says: mxGraph also includes the feature to render entirely using html, this limits the range of functionality…
Christian Neurohr
  • 81
  • 3
7
votes
1 answer

how to validate incoming edge towards source from target in mxgraph

Hi i'm facing a problem with respect to edge validation Note: any approach is most welcomed but should solve the problem below is my requirement source can have any following Action_* like this Source -> Action_1 -> Action_2 i want to avoid any…
EaBengaluru
  • 131
  • 2
  • 17
  • 59
7
votes
1 answer

after decoding xml and rendering back on to the canvas graph cell is not showing in mxgraph

I'm able to decode graph xml model successfully but the cell is not visible until the drag below GIF shows my problem Question: I want to load the graph fully for the 1st(now showing only div) time also without need for drag Here is how I'm doing…
EaBengaluru
  • 131
  • 2
  • 17
  • 59
7
votes
1 answer

How to create a line connection mxGraph

I am trying to create a line connection on click an image icon, I have tried the same using the wires.html example. But it is not working. I am using react with mxGraph. How to implement this. Is there any way to achieve…
Jithin Varghese
  • 2,018
  • 3
  • 29
  • 56
7
votes
2 answers

DrawIo mxGraph: Using XmlToSvg loses shapes information

I am trying to convert XML to SVG using Java, but it looks like the shapes information is getting lost in the process. Given a simple draw.io graph: After running XmlToSvg.java I get: I saved it as an uncompressed XML. I'm using the…
Mykola Golubyev
  • 57,943
  • 15
  • 89
  • 102
7
votes
2 answers

Can mxGraph export graphs as PDFs?

I am working on a project that uses mxGraph where I am required to export a high resolution output in PDF for a service process diagram. I've tried recreating the graph using JGraphX, the Java Swing client and exporting that to a PDF, but the result…
user2970319
  • 71
  • 1
  • 2
6
votes
1 answer

Can't turn off Formatted Text programmatically

I am trying to turn off Formatted Text for every cell in my graphs programmatically so I can avoid the Not supported by viewer in an mxgraph editor (similar to Draw.io) Here is my attempt: graph.stopEditing(); graph.getModel().beginUpdate(); try { …
Victor
  • 13,914
  • 19
  • 78
  • 147
1
2 3
…
29 30