OrgChart.js | direct organization chart plugin | Chart library

I'm modifying an open source source script to show genealogy via organization chart style.

having users table with id and parentid field.

when I open /viewOrgChart?user_id=1 or numbers not in 2 3 4 5, it works well!

BUT when I open with user_id 2 3 4 5, it throw ERROR: Trying to get property 'parentid' of non-object the $us->parentid is having another level array inside... Error only happen for these few user id...

I have following the Ajax call method and The asp.net web method.

My asp.net function is returning some values I need those back in Ajax call.

I have tried a lot of things but not succeeded yet.

here is my function, I need to convert my list to JSON:

I want to add a custom node in org chart by using orgchart.js getting fromhttps://github.com/dabeng/OrgChart. A node which is to be create given in the .png file.enter image description here

I get the js file below and I have to do some changes on it, This is a Javascript code using the d3.js lib, the goal is to get a diagram like this screenshot from JSON data. First of all, I would like to display the diagram. I know that the javascript code is working, the problem must be in my html file but i don't really understand why nothing is happening. Thank you for your help !

I'm working right now with the Library jquery.orgchart.js.

I have different level in my orgchart that I show and everything is fine. For the last level, people want to see each people in the team, in the same node, and with a link that popup to show an image with some text.

For the node, we can add a secondmenu like in this example : https://github.com/wesnolte/jOrgChart/issues/37

I would like to know if it is possible to have a popup for each element(each employee) I add in the node on hover or onclick. Here is the code of my button dialogmodal from bootstrap :

OnHover : It shows only the title and not the data-content :

I'm new with getorgchart, i'm working on making an orgchart and i came across this badge reporter counter. it displays 0 when there are no reporters in your demos, what i need is that when there are no reporters, the badge should be hidden or remove.

My source is an xml file, and I'm willing to use the layout MIXED_HIERARCHY_RIGHT_LINKS.

The default layout preserves the lines order, but MIXED_HIERARCHY_RIGHT_LINKS doesn't: the 1st line is displayed on top, then lines are enumerated bottom-up. As a result, the alphabetical order is broken.

Could you fix this behaviour? Thanks in advance!

index.html

I'm able to initialize my chart with a JSON file write from my directory. However, I'm having a hard time trying to implement the system whereby all the changes made on my index.html (containing charts) will be saved and persistent. The ultimate goal is to have the same data + nodes stored even if the index.html is refreshed.

In this regard, I'm able to listen to update, create, remove and delete events, but I have no idea what to actually do once these events are triggered. I should be able to have a way to edit my local JSON file directly with the arguments received from these events. So far I can get the arguments, but I don't know how to update my JSON file with these new arguments. any ideas in this regard will be highly appreciated.

Here's how my code looks far. It does everything I want except making the nodes + data persistent.

is it somehow possible to insert a Node with getorgchart.js without expanding the node directly? I want to dynamically insert a node (with the insertNode method). But the node should be collapsed.

Is it maybe somehow possible in the renderEvent or updatedEvent methods? I'm trying to implement a kind of lazy loading feature where the nodes are dynamically loaded + inserted.