API doc for the JointJS library is here: http://www.jointjs.com/api I'm using DEVS plugin for Elements with ports. I need to restrict number of connections from a port to a single one. Once a li...

use jointjs library to build a graph, it's a good library with very few documents. http://jointjs.com/demos/fsa as above page, when mouse move on link, there is a 'remove' icon on link, which can ...

Using something like paperScroller.zoom(0.2, { max: 5 }); only causes svg elements to be zoomed, whereas in my custom shape, I've used html as well, which doesn't scale in tandem. Since there's no...

I am trying to convert a legacy app from JointJS v2.2.1 to v3.0.2. I’m hitting an error others have found: Uncaught Error: dia.ElementView: markup required. (joint.min.js:8) A helpful person s...

I created a diagram with JointJS cells and now I want to change the label of a cell by clicking on it. When I click on a cell a modal pops up and I enter a new text. The text will be stored in a va...

I just discover javascript library JointJs and I implemented a graph with paper and rects. But I can't make it responsive when I reduce the browser size my graph doesn't display correctly. How c...

I have a joint.js element in a DAG, and would like to be able to trigger an event by clicking on it. I could use $(selector).click(...) to do it, but I was wondering if there was a joint.js specif...

I want to disable the movement of elements and links in JointJS Diagrams while keeping alive other featurs like hyperlinking of elements and highlighting of link on mouse:hover. I referred to the f...

I can use the attr method to change attributes of a cell, e.g. to set the stroke of a link: conn.attr({'.connection': { stroke: 'red' }}); But I would rather set such attributes in the css file,...

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 b...

How can I trigger pointerdown/dragstart on a cloned joint element in joint js? toolBoxPointerDown is triggered when pointerdown event is fired on toolbox paper. addNode is triggered when pointerup ...

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...

I have installed jointjs via npm and also installed typings and code compiles/builds fine. Code import { Component } from '@angular/core'; import * as joint from '../../node_modules/jointjs/dist/...

I noticed that JointJS links can be removed by hovering over them and clicking the big red X that appears. But I was wondering if it is possible remove an element once it has been created, without ...

This works: paper.on('cell:pointerdown', function(cellView, evt, x, y) { alert("pointerdown"); }); but this code does not: paper.on('cell:pointerclick', function(cellView, evt, x, y) { alert...

I'm using jointjs to make diagrams which will be user-editable. The user may drag them around and relocate each cell. However, when a cell is dragged to the edge, it overflows and becomes cut off. ...

I am implementing drag and drop between two papers .But I am stuck with the syncing of offset of dragged element with cursor position as I have two papers in my html body.I have very minute experie...

If the paper is too big for the div it's shown in, I'd like to make the paper draggable. I tried the papers blank:pointerdown and pointerup events but was not able to just follow the mousemovement...

I am trying to create links programmatically in JointJs to devs.Model objects that have ports. I've tried to use the addCell for graph from the api (http://jointjs.com/api#joint.dia.Graph:addCell)...

So I'm trying to update the value of a the text attribute (name) in a cell model without using the inspector, I need this to update both the inspector field and linked cell model value. No idea how...

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...

For the links - in a JointJS diagram - I tried to implement this tutorial (http://jointjs.com/tutorial/constraint-move-to-circle) to move the labels on the link, but I don't understand where to put...

I would like to add a label to a link by doing a doubleclick on the link. So this is my attempt: paper.on({ 'cell:pointerdblclick': function(cellView, event, x, y){ if (cellView.model.isLink()) ...

Working on jointjs diagrams on paper. I am able to download the diagram drawn on a paper using following code: var svgDoc = paper.svg; var serializer = new XMLSerializer(); var svgString = seriali...

I want to create a custom element with new attributes, I created my custom element like that but I need a new attribute to store information about the element. joint.shapes.basic.newRect = joint.s...