Stack Overflow
Stack Overflow

Questions tagged [jointjs]

JointJS is a JavaScript library for creating fully interactive diagrams and graphs.

JointJS is a JavaScript library for creating diagrams and graphs. The diagrams can be fully interactive. The JointJS API is suitable both for implementing a diagramming tool as well as simply for publishing diagrams.

Resources

Related tags

607 questions
5
votes
1 answer

JointJs how to make links avoid each other. Not to clump up

For several days I'm trying to find solution for my problem. I have a workflow visualizing module made with jointjs. But there are so many links that they clump up and it becomes incomprehensible. I want to make them avoid each other and tend to go…
Ivan Petrov
  • 69
  • 6
5
votes
1 answer

Save jointjs diagram drawn on paper, which can be rendered to paper to edit

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 = serializer.serializeToString(svgDoc); Now I want to save…
DEV1205
  • 352
  • 1
  • 6
  • 18
5
votes
4 answers

How to make jointjs paper responsive?

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 can I make my paper responsive with jointjs ?
Mbaye Babacar SADIKH
  • 51
  • 1
  • 1
  • 4
5
votes
1 answer

Get outgoing links of an element

I want to get all the outgoing links associated with an element .What is the way to achieve this in jointJs .Actually I have tried something like this but It is giving result for both outgoing and incoming…
ashishk
  • 299
  • 1
  • 3
  • 17
5
votes
3 answers

Prevent dragging in Joint JS

I am working on JointJS API. However I want to prevent the elements from being movable from their original positions. Can you suggest me some feature of JointJS or any feature of CSS in general, which I could use to make my object immovable. I…
Lahore
  • 133
  • 3
  • 8
5
votes
1 answer

Make elements 'not selectable' in jointjs

I have used Jointjs diagramming library in one of my project. 1) I'm curious to know whether it provides any way to restrict users not to play with the elements of the diagram. What I mean is: a user would be able to see the diagram as an image…
softvar
  • 17,917
  • 12
  • 55
  • 76
5
votes
2 answers

Removing an element by ID (jointJS)

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 knowing the variable…
mayorbyrne
  • 495
  • 1
  • 5
  • 16
5
votes
1 answer

Reading JSON in joint.js?

I want joint.js library to read my JSON and display it as a chart... var paper = new joint.dia.Paper({ el: $('#paper'), width: 600, height: 200, model: graph }); var graph = new joint.dia.Graph; jsonstring = '{"employees": [ {…
IamMowgoud
  • 308
  • 4
  • 13
4
votes
1 answer

How to extend a namespace exported by jointjs?

I am trying to create custom element in jointjs, bu. I don't know how to extend namespaces / interfaces exported by the library so I can easly create a new jointjs element. The error I am getting is: Element implicitly has an 'any' type because…
Michal Smolarek
  • 69
  • 7
4
votes
1 answer

Adding cell to JointJS graph silently

In JointJS, how can I add a cell to a graph without triggering any events? When I pass the optional arguments: { silent: true } The cell is not rendered in the paper.
sidrakesh
  • 234
  • 2
  • 18
4
votes
0 answers

Inheritance in JointJS for Element?

I am trying to build application based on JointJS and Angular 5. I am trying to create element with ports using joint.shapes.devs.Model. The main problem is with extending. I need to create basic class of the element and then inherit it in sub…
mr__brainwash
  • 1,334
  • 3
  • 16
  • 40
4
votes
1 answer

How to integrate jointjs with Vue 2 and webpack

I am very new to vue js and webpack and wanted to integrate jointjs with vue 2 or webpack. I tried searching but couldn't find related article with jointjs and vue 2. Have anyone integrated the jointjs with Vue2 or webpack, is there any sample code…
Amit Sharma
  • 2,297
  • 3
  • 19
  • 25
4
votes
2 answers

How to use a JointJS Directed Graph when cells are embedded?

Tonight, I tried performing the directed graph on an example from the JointJS website. See the Discrete Event example: http://resources.jointjs.com/demos/devs Even though the source code link is not mapped correctly, I found it…
bmac
  • 41
  • 4
4
votes
1 answer

Download a diagram JOINTJS Image | SVG ==> PNG with Javascript

I currently have a problem. When wishes to convert a chart created with JOINTJS image, the elements do not display correctly ... The diagram: http://www.hostingpics.net/viewer.php?id=698706graph.png Conversion…
Lucatorze
  • 107
  • 1
  • 9
4
votes
1 answer

JointJS Links: Custom Markup?

So, I'm trying to create an ERD tool using JointJS and would like to create a custom link with markup something like The idea is to have a rhombus in the middle of the link, I know I can do this with a an Element and two links,…
dorphalsig
  • 689
  • 1
  • 10
  • 27
1 2
3
…
40 41