Comments (16)
In the dev version (development branch) centering and highlighting is already implemented
Here is a sneak how it works/behaves
expanded.mp4
from org-chart.
@kunal0137 there is a pinned issue where the dev version is linked
I will start working on the most common bugs and some important features in 2-3 weeks and they probably it will get merged in 4-5 weeks
from org-chart.
In the new version, automatic centering of an active node is also implemented
center.mp4
from org-chart.
You can check the example of the new version from now on. I expect to publish a new version by the next week
demo.mp4
from org-chart.
Not sure how to do it yet
Maybe this helps - https://jsfiddle.net/Tokker/mwm1sxhh/21/
Or just google d3 center tree (graph) node
and try several ways
from org-chart.
@behiunforgiven no news.
Basically there would not be any news until I will have a freelance project involving an org chart. Then I will have time and chance to work on this feature
from org-chart.
The new version is published, closing this.
You can get more info about the new org-chart version in this Medium article
from org-chart.
That's not yet implemented, but it is in the coming features list (won't be public at least for several months)
You can track it here - #14
from org-chart.
so can you guide me to do it myself?
I can expand it by "setExpanded" method. but I'm not able to focus on selected Item.
from org-chart.
Any good news about search feature?
from org-chart.
I see the fixed in dev label was added, but I'm not sure I see a public dev branch etc? any info on this?
from org-chart.
Hi,
I'm also looking forward to these features.
Any update on when they will get merged into production?
Thank you very much!
from org-chart.
It will get merged into the master branch (and NPM updated) within the next 10 days
from org-chart.
Great, thank you so much! Really appreciate the hard work!
from org-chart.
Looking good! 😃
from org-chart.
"When I clicked on the children, I need to expand them, and the specific child that I clicked on should be highlighted."
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.