Comments (4)
I also tried to trigger the layout calculating after the first render of chart to get the sizes of nodes from DOM. Unfortunately, this approach didn't work if some nodes are not visible on screen, because they are not rendered in DOM. Eventually, I decided that I don't need nodes with variable dimensions in my project.
from react-flow-chart.
Try smartRouting
https://mrblenny.github.io/react-flow-chart/index.html?path=/story/other-config--smart-link-routing
https://github.com/MrBlenny/react-flow-chart/blob/master/stories/SmartRouting.tsx
from react-flow-chart.
SmartRouting doesn't seem to do what's requested by the OP though. The example you linked to still have to set their position manually
from react-flow-chart.
That's a really nice idea! Could you post a quick codesandbox to see what kind of result it gives?
from react-flow-chart.
Related Issues (20)
- When dragging node, link component moves fast than the node one HOT 2
- Please tell us about the future activities of this repository. Or let's discuss it! HOT 8
- The inner canvas goes out of the viewport HOT 1
- Pinch action in canvas zooms the whole webApp in safari
- The node content overflows when zoomed in and dragged. HOT 1
- Is there anyway to change link color on hover and click
- Expand size of 'Draggable View'
- How do I move the view so that it centers on a node? HOT 3
- Is there a way such that while dragging and dropping the items get dropped centered and vertical align?
- Is there a way to increase the distance between ports?
- Is this repo still maintained?
- Can't change css style on focus edge
- Documentation
- how to add custom label on the links i am getting an error on existing one. Can i get any example source code which works.
- Unoptimized loading of lodash function isEqual
- TypeError: Cannot read properties of undefined (reading 'x')
- Delete Link
- Save or Export Flows in JSON format
- This library is not supporting with React 16+ version HOT 4
- Out-of-bounds nodes can break FlowChart HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-flow-chart.