Giter Club home page Giter Club logo

vue-org-chart's People

Contributors

dependabot[bot] avatar hoogkamer avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-org-chart's Issues

Add two parents to chart, not one

Hi!
Thank you for this amazing instrument! But I have a question for you.
So...If We have 2 parents on top of our chart, how to solve this problem?
How can I add two parents to the chart top?

org chart library

First of all, this is a good application..
this is great because available to make neck position
but are there any plans to make it a library ?

Wrong SVG line structure

I have many photos in my chart. And if I update page using CTRL+F5 the chart has this view like on screenshot. If I update page after just using F5 button - chart is loaded normally. How I can fix it?
wrong lines structure

Drag Drop

Hi there,

Lovely demo, looks like you guys are doing a fantastic job here!

Is there any way that you can implement drag drop -> movement of departments or teams hierarchy using drag and drop?

Thanks

Down and Up arrow (doShowChildren toggle) not working on mobile browser

DeptBox.vue =>doShowChildren toggle is not working mobile browser. Tried both chrome and safari browser.

Steps:

  1. Enable browser responsive view from chrome or safari.
  2. Choose any mobile device resolution.
  3. Click on down or up arrows, it's not working

Expected : doShowChildren toggle should show and hide the children of the current node.

Created a PR with my "data"

Hi @Hoogkamer . Thanks for your awesome repo. I created a org chart with some names, and filed a PR . per accident to the fork (default option in GH). Can please delete my PR rvo-data? so the data does not show up in the PR history ??
Thanks!

Count all the headcounts

Current the number of sub-departments was shown.
Is it possible to show all the headcounts under the manager, not only the direct reports?

Translation

Hi,
is there any way to add translation to the sidebar ?
At the moment I can translate only person fields.
Thanks

Question about level in chart

Hello, thanks for your work hard.
I have "level" in my data, in image, yellow box is parent of green box and blue box, green box is level 1, blue box is level 2. I want to make the blue box lower than the yellow box by level. How can I make that?

image

This is what I want
screenshot_1714964434

SVG lines don't match up to department boxes when boxes are variable height

I came across this in my fork. I needed to have some department boxes that were bigger than others, but this caused problems with drawing the SVG lines to the correct vertical spot. This is solved by changing line 721 in store/index.js to the following

pos.element.bottom - pos.parent.bottom - pos.element.height / 2

See the image for what I'm describing when I mean "variable box height." Note that the code change does not seem to cause any issues with the current default code, but I have not tested in isolation.

screenshot

Can we add some animation in this chart?

Thanks for your great library
Is there any way that we can run some idea like this?
For example i want to add an image on lines of chart running to another rectangle
Is that possible?
Like in the head of chart one image comes down and moves to Finance section (in live demo of your library)

Import Excel Not Working

I exported the excel sheet in the edit mode, and then made a few changes, and then when back and clicked on import excel and nothing happens?

Is there a step I'm missing to get it to work?

Thanks

Question

Can this chart be used to create a “family tree” genealogy chart?

Example Maximum call stack exceeded

Great work!
I cloned your repo and started in dev.
The console then shows maximum call stack exceeded

image

before that a lot of nuxt errors show also

image

Possibilities

Hi,

I need a specific org., i think this chart cannot accomplish that.
In structure, there are VP folks and directors, VP is 1st under the CEO and has people under it and there is a second level which is Directors.
Things is that some directors are solo (direct report to the CEO) and some are under the VP (both have teams under it).
So, I need lines to be connected in that way, right now I see that there is only way one under another.

Am I right? Or am I missing something?

Thank you

Assignment worksheet will not update

If I delete all the content that comes with the stand alone version and try to add my own Departments, people and assignments the assignments do not copy to the exported excel file if they are already in my list of people. I have to manually add them and that seems to defeat the purpose of the import? Is there something that I'm missing? Thanks

missing dependencies

After installing npm and running npm run dev some dependencies are not installed.
Screenshot from 2021-04-14 03-14-49

Data size limit issue

Is there a limit to the data.js data size? The current Chart data has more than 3,000 lines (Department), how to make it work.

config for simple parent child

Is there away to easily configure the org chart with an csv file like the following:

name(unique), manager (name from first field, title, direct count, indirect count, total

and have it build an org chart based off of name and manager and display the title, direct count, indirect count, and total fields in the box?

Some questions

Hello @Hoogkamer,
I thought of using your project in mine. Before I decide to do so, I would like to some questions:

  1. What do you mean by static web? Can I pass JSON data in run-time from the DB so it will build the chart?
  2. Are there expose methods in order to click the node to open a modal?
  3. What is the list of options I can use?
  4. I would like to see a snippet of how using it (I saw the demo but not the code).
  5. What is the status of the project? Is it safe to use it?
  6. I tried to play a bit with the chart and I noticed that every time you expend some node, it takes noticeable time to return the lines which connect between the nodes. Are you thinking of fixing it?

Vertical org charts

Is there a way to present the org charts in a vertical way instead of the normal horizontal way? I have a very large org I want to try to represent.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.