Node Overlap issue

[sachinarwade]

Hi guys For following json object org chart nodes overlaps in very bad manner, please help: JSON Object:

{ "data": { "type": "Lindiwe Qoko ( 8 ) - Community Member" }, "children": [ { "data": { "type": "Honey Sopangisa ( 10 ) - Community Member"

  },
  "children": []
},
{
  "data": {
    "type": "Maureen  Qoko  ( 9 ) - Community Member"
  },
  "children": []
},
{
  "data": {
    "type": "Sejoalejoale  Setlaba  ( 14 ) - Community Member"
  },
  "children": []
},
{
  "data": {
    "type": "Olivia  Ngcezu  ( 15 ) - Community Member"
  },
  "children": [
    {
      "data": {
        "type": "Nontembiso  Ngcezu  ( 20 ) - Member"
      },
      "children": [
        {
          "data": {
            "type": "Joseph  Sibiya  ( 22 ) - Member"
          },
          "children": []
        },
        {
          "data": {
            "type": "Qunisela  Rasmeni  ( 23 ) - Member"
          },
          "children": []
        },
        {
          "data": {
            "type": "Celinah  Ngonyowo  ( 24 ) - Member"
          },
          "children": []
        },
        {
          "data": {
            "type": "Jeritah  Malematja  ( 21 ) - Councillor"
          },
          "children": [
            {
              "data": {
                "type": "Dibuweng  Matrose  ( 29 ) - Member"
              },
              "children": []
            },
            {
              "data": {
                "type": "Matipane   Seshoka  ( 30 ) - Member"
              },
              "children": []
            },
            {
              "data": {
                "type": "Mmatsie   Malematja  ( 31 ) - Member"
              },
              "children": []
            },
            {
              "data": {
                "type": "Mzuuukile  Dlaza  ( 32 ) - Member"
              },
              "children": []
            },
            {
              "data": {
                "type": "Motsatsi  Monyela  ( 33 ) - Member"
              },
              "children": []
            }
          ],
          "id": "11"
        }
      ],
      "id": "10"
    },
    {
      "data": {
        "type": "Tinyiko  Shisana  ( 25 ) - Member"
      },
      "children": []
    },
    {
      "data": {
        "type": "Joyce  Nonjiko  ( 26 ) - Member"
      },
      "children": []
    },
    {
      "data": {
        "type": "Margaret  Nalane  ( 27 ) - Member"
      },
      "children": []
    },
    {
      "data": {
        "type": "Ncumisa  Qulu  ( 28 ) - Member"
      },
      "children": []
    }
  ],
  "id": "7"
},
{
  "data": {
    "type": "Sandra  Ndlovu  ( 16 ) - Community Member"
  },
  "children": []
}

], "id": "2" }

[bpodgursky]

Hi,

This demo just uses the dagre library for node positioning, none of that is managed here. I would direct any questions about the the layout to dagre itself: https://github.com/cpettitt/dagre.