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
3
votes
2 answers

mxGraph: loading XML file

I'm new to mxGraph. Does anyone know how to save a file to my local storage from mxGraph editor (http://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html)? BTW, are XML files created with draw.io compatible with…
Jopa
  • 35
  • 1
  • 6
3
votes
0 answers

How can I add custom attribute in mxCell tag of mxgraph? .

How can I add custom attribute in mxCell tag of mxgraph? I want to add value2="customValue
3
votes
1 answer

mxGraph: How to position edge labels a the bottom

I'm using the mxGraph library to render some diagrams, can someone help me to position the edge labels at the bottom instead of the middle? Thanks in advance!
3
votes
1 answer

How to change edge style on connect without it changing the connection point

I'm trying to change the style of an edge when it connects. The style is set by logic dependent on either the source or target vertex. I can change the style just fine by adding a connection listener and using…
DannyP
  • 200
  • 2
  • 10
3
votes
1 answer

How to Integrate mxgraph editor in angular2?

How to Integrate mxgraph editor in angular2 by using JavaScript client library? What I've tried so far, I have installed mxgraph using the npm package -- npmjs.com/package/mxgraph. Then imported all the required js file from it through vendor.ts…
pranay
  • 31
  • 1
  • 4
3
votes
0 answers

mxGraph editor xml exponation

I'm trying to use mxGraph editor. I read the examples and try to understand it. But I can't. I don't like the xml use. But the examples use XML. I only like programming using Js. From the the tutorial page, in the Input/Output section, they describe…
user3502626
  • 838
  • 11
  • 34
3
votes
1 answer

Mxgraph how to export JSON data files

I found under the mxgraph GitHub source files exported XML file function is wrong, I would like to have a direct export of JSON data files
3
votes
1 answer

How to set custom vertex using mxgraph

We are writing a program to generate a graph using mxgraph. Our requirement is "we need to display an image as a vertex". We have tried many codes, but we are not able to get the image. (The path of the image is right) We are able to chande the…
jai chu
  • 45
  • 1
  • 7
2
votes
2 answers

Can i test mxGraph ui with HP's Quick Test Professional?

Hy, Is it possible to test mxGraphs via UI by using Quick Test Professional?
ALIENwoods
  • 35
  • 3
2
votes
0 answers

Append html code to mxgraph diagrm befor export

I am not an English native speaker so please ignore my grammar mistakes. The question is, I am drawing shapes on the div using mxgraph and javascript and then exporting it to PNG and SVG, it is working fine. There is another legends div that is…
M.HUSSAIN
  • 153
  • 8
2
votes
0 answers

Unable to integrate mxGraph with angular 13 getting "Uncaught TypeError: Cannot set property 'mxBasePath' of undefined"

I installed mxgraph and @typed-mxgraph/typed-mxgraph typings from npm. Save the typings to dev dependencies and then added the typings to typeRoots in tsconfig.json as mentioned on the page…
Nero
  • 21
  • 3
2
votes
1 answer

How to determine which side of connection is connected in mxgraph

I have problem something like this a decision has 3 side Input, Yes, No. I want to determine the arrow is connected to which of them. Here is how I'm going to connect Connected from Yes Question: how to know connection is connected to whether…
EaBengaluru
  • 131
  • 2
  • 17
  • 59
2
votes
2 answers

How to drag html shapes into mxgraph canvas

I want to drag and drop those 3 shapes into mxgraph canvas (which is the black area). Note: I want to fully preserve the drag element on the canvas, including shape, size, color, text, etc. I don't know whether insertVertex does it work. Dragging…
EaBengaluru
  • 131
  • 2
  • 17
  • 59
2
votes
1 answer

How to select child vertex in one click on mxgraph?

I have nested vertices and I want to select child vertex on my first click to the child. Right now when I clicked on a child vertex it selects parent vertex first. Parent vertex selected first: For selecting child vertex I have to click again on…
eXaline
  • 31
  • 5
2
votes
1 answer

I want to populate XML tags on the basis of JSON object

I have a sample JSON object. I want to show that in XML in a file dynamically i.e., whenever I update my JSON object the XML code should automatically be updated through jQuery. Here is my sample JSON object: [{ "reporting": "purchase", …
progpro
  • 175
  • 4
  • 15