What I am trying to do is make a element with custom class for ports and path so that I can add an element with custom path and my own markup for ports.This way when I create an element I will pass dynamic path for its shape just like elements of pat...
I want to interactively add links to my JointJS based graph.  My idea is to create a small temporary node on pointerdown with a link from the original node to this temporary node, drag it on top of another node and on pointerup create the real link r...
1) I'm using JointJS diagramming lib. I want to change the css of a particular inPort when using joint.shapes.devs.  For linking sourcePort to the target I'm using   source: { id: source.id, selector: source.getPortSelector(sourcePort)}  It&#...
I am working on a JointJS graph, using DirectedGraph to take care of the layout and I am trying to achieve something similar to the image below. I need the nodes (A, B, C, D, E, F, G, H, I, J) to be "outlined" or enclosed in a separate node (...
I am working on JointJS. I have various elements with text in it. However the element's width increases with increase in text. I want to dynamically set the size of element such that there is a maximum height and width that the box can attain and...
I am trying to create a sort of a Tool menu for every object - when you click or hover over an element, it shows several actions that could be done: delete, rotate, enlarge, link,  etc.  I have used this question as the guideline - and was able to ad...
I have an FSA in joint.js, and I need to make the states (circles) semi-filled to specific ratios, like 1/2 or 1/6, starting from the bottom of the circle. The tricky part is that it needs to be  done twice - A larger semi-fill and a smaller semi-fil...
Here is a JSFiddle showing the issue: https://jsfiddle.net/Bronzdragon/xpvt214o/399003/  graph = new joint.dia.Graph; var paper = new joint.dia.Paper({     el: document.getElementById('myholder'),     model: graph,     width: 800,     height:...
I noticed that jointjs do support zoom in/out as of http://www.jointjs.com/ But could not find any examples.  Please help me with the steps to zoom in/out the result graph created by jointjs within a <div>?...
Once a link is created, hovering over it presents the red (X) to delete it.   Clicking this will fire a sequence of events  (collected by subscribing to the 'all' event):   cell:pointerdown link:pointerdown cell:pointermove (x5, seems dubious...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.