orderBy Family

[untillnesss]

I have an array sequence ["1", "2", "3", "4", ... , "9"]
up to this point the sequence runs normally and accordingly.

Until I enter the 10th sequence
["1", "2", "3", "4", ... , "9", "10", "11"]

The sequence becomes ["1", "10", "11", "2", "3", "4", ... , "9"]

Maybe this is a problem with the inherent nature of Javascript itself, but we should have parsed it to Integer first, or are there any other suggestions.

[ZornitsaPesheva]

Hi @untillnesss

Could you please create an example to show us what is the issue with this?

[untillnesss]

See This

[ZornitsaPesheva]

You can convert the numbers before loading the JSON data in the chart.

[untillnesss]

Makes sense, worth a try.

[k-ardliyan]

@untillnesss You can using orderBy to Sort Siblings in FamilyTreeJS

Basic Configuration
Set up the ordering with orderBy in your FamilyTree initialization:

const family = new FamilyTree(container, {
   orderBy: {
      field: "order",
      desc: false, // left to right
   }
});

Adding Order Values to Nodes
In your data structure, include your ordering field:

[
  { "id": 1, "pid": 0, "name": "Parent" },
  { "id": 2, "pid": 1, "name": "Child A", "order": 2 }, // Second child
  { "id": 3, "pid": 1, "name": "Child B", "order": 1 }, // First child
  { "id": 4, "pid": 1, "name": "Child C", "order": 3 }  // Third child
]

Important Notes

• You can use any field name (not just "order")
• Lower values appear left, higher values right
• The field is simply a custom property - not a built-in feature