Comments (7)
Yes, you can override connectionsUpdate
method and just uncomment relevant lines
https://stackblitz.com/edit/web-platform-nrybqp
chart.connectionsUpdate(function (d, i, arr) {
d3.select(this)
.attr('stroke', (d) => '#152785')
.attr('stroke-linecap', 'round')
.attr('stroke-width', (d) => '5')
.attr('pointer-events', 'none')
// .attr("marker-start", d => `url(#${d.from + "_" + d.to})`)
// .attr("marker-end", d => `url(#arrow-${d.from + "_" + d.to})`)
.attr('stroke-dasharray', '20, 20');
})
from org-chart.
I don't think so
This is the relevant line if you decide to change source code by yourself
Line 775 in 874bae3
from org-chart.
That won't be possible, since the org chart uses a tree algorithm, which expects a single parent.
In general, here is my answer to a similar question on StackOverflow
https://stackoverflow.com/questions/43527019/d3-tree-layout-visualization-inherit-child-with-multiple-parents/43529432#43529432
from org-chart.
FYO, in the new, coming version, we will have multi links functionality. You will be able to specify connections with labels between any nodes
It will look like this
from org-chart.
It got merged - #70
from org-chart.
Is there a way to modify the HTML/SVG for the connection? For example, I want to make the line dotted and not have an arrow head.
from org-chart.
Perfect! Any way to change the anchor points to the sides of the boxes rather than the top and bottom?
from org-chart.
Related Issues (20)
- How to differentiate between two chart present on same page?
- Custom Link and/or link height HOT 8
- Error: multiple roots HOT 1
- Synchronizing OrgChart Layout between Main Screen and Preview Modal HOT 2
- SetCentered Method Stops Toggle Switch/Buttons Functionality, Highlighting Nodes With Varying Long Strings/Text, & Expand/Collapse Button Alignment With Long Strings/Text HOT 1
- Resize node when click an element inside HOT 2
- Mix compact and non-compact mode HOT 3
- Query Regarding Adjusting Node Height in org-chart Library HOT 1
- How To track Clicked Child on React App HOT 1
- Text on multi connection link is reversed when layout is set to Left HOT 3
- How to preserve the layout, positioning and zoom level of org chart HOT 3
- Can I have menu option having multiple items on right side of each node? HOT 2
- Is there a way to edit the position of a node in the chart? HOT 3
- How can I read which nodes are expanded? HOT 2
- The hidden time of the connecting line is incorrect HOT 5
- Download Org. chart has issue HOT 1
- Can the position of the root node not be centered? HOT 1
- Fit to screen not working in my example HOT 6
- Searched node doesn't come at center on the very first time. What is the significance of _centered? HOT 1
- Is there a way to add customisable right click menu on nodes? HOT 2
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 org-chart.