html, body, #container { width: 1300px; height: 1300px;  margin: 0; padding:0;}

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

 {name: "Деревня\nМУЛДАКАЙ\n≈1731",  normal:{fill: "none"}, children:[

  {name: "Мулдакай\n  ≈700\n Куртка-\nсыков",normal: {fill: "none"}, children: [    

   {name:"Нарбута≈731",children:

      [{name:"Гумер",children:

        [{name:"Яныбай 802-51\n Юмагул 806/", children:

           [{name:"Ахмадый \n836",value: 40}, 

            {name:"Мухамадий \n842",value: 40} ]} ]} ]},     

 {name:"Илсегул 733 \nосновал  ≈\nв 757г свою \n деревню/ \n Имиль 739/\nГайса\n 743-826",children: 

  [{name:"Бакай \n772-854",children: [

            {name:"Жиганша\n 793 ", children:  

             [{name:"Бикмухамат\n 849-51 ",value: 40}, 

              {name:"Ишмухамат \n853",value: 40} ]},                  

 {name:"Батырша\n 799 \nИманбай\n 845/ \nДавлетбай  .\n848/ ", children:

  [{name: "Рясуль\n 828",  children:

  [{name:"Мурсалим\n 847",value: 25}, 

 {name:"Юлмухамат\n849-54 ",value: 25}]} ,

      {name:"Мухаматша832",value: 40} ,   

    {name:"Ахматша 836 ",children:

  [{name:"Ахматкирей\n 856 ",value: 25}]} ,

              {name:"Азнабай 839",value:25},

       {name:"Азнагул839",value:25}, 

   {name:"Мратбакий 842",value:25},

   {name:"Яхия 855",value:25},

  { name:"Сибагатулла 858",value: 25}]}]},      

       {name:"Юсуп \n773",children: [

  {name:"Рафик798-854 \nРясуль 804/", children:

   [{name:".  Зариф 836 ",value: 30}, 

    {name:"Мухаматамин\n 846",value: 40} ]},

              {name:"Рамазан 808 .  ", children: 

               [{name:".  Мухамат 858 ",value: 30} ]},

         {name:"Абдулфаиз \n811-58", children:

 [{name:".  Мухаматгариф\n835 ",value: 50}]},

 {name:"Абдулфазыл813-55  ", value: 30} ]},   

        {name:"Абдулмуталлап.  .\n 799",children:    

         [{name:"Мухаматгалим \n834",children:   

           [{name:"Зиянгул 854 ",value: 30},          

            {name:"Нигаматулла\n 857",value: 35}]}, 

              {name:"Мавлютбай 845 ",value: 30},  

          {name:"Давлетбай 848",value: 30},       

          {name:"Ахматзян 853",value: 30},       

          {name:"Юмагужа 854",value: 30}, 

             {name:"Рахматулла 855",value: 30},  

          {name:"Мухаматвали 858",value: 30}]},     

        {name:"Абдулмужип\n 803",children: 

         [{name:"Абдулгазир 840",value: 30},  

          {name:"Абдулхаким 845",value: 30},

          {name:"Абдулхалик 84",value: 30},

                {name:"Абушагит 848-54.  .  .",value: 30},

          {name:"Абдулвали 858",value: 30} ]},      

      {name:" Ураз 813\n зауряд-\nхорунжий",children:

       [{name:"Фаткулла 844 ",value: 30},    

        {name:".  .  .Габдулла 849-51",value: 30},

        {name:".  .  .Хайбулла 849-51",value: 30},

         {name:"Давлетша 854 ",value: 30}, 

        {name:".   .Мингазитдин 858 ",value: 30},  

        {name:"Гилязитдин 858 ",value: 30}]}]}]} ,        

     {name: "Баязит",  normal:{fill: "none"},children: 

      [{name:"Аккымык 737",children:

      [{name:"Гусман\n756",children:

        [{name:" Башар 786",value: 25}, 

           {name:"Ильяс 791",value: 25},

         {name:"Абдулмажит 793",value: 25},

{name:"Абдулнасыр 801",value: 25} ]}]}]},      

{name: "Аккильды ",  normal:{fill: "none"},children: 

 [{name:"Губайдулла\n 752 ",children:

      [{name:"Мамайшарив 770",value: 30},

       {name:"Тухветулла 784",value: 30}, 

       {name:" Юлдыбай 786 ",value: 30},

      {name:" Юлдашбай 792 ",children: 

       [{name:"Шагий 1837",value: 30}]},    

       {name:"Кинжа 805\n  Рамазан 810/ ",children:

        [{name:" Юлмухамат 854",value: 40},

        {name:"Баймухамат 857",value: 40}]},   

       {name:"Байтеряк 1828",value: 30}]} ]},               

 {name: "Кутлыгужа  ",  normal:{fill: "none"},children:

    [{name:"Тулыжих\n 764 ",children:     

      [{name:"Рахматулла 795",children:

        [{name:" Бурангул 829  .  .",value: 30} ]}, 

       {name:"  .   Баирянгул 803 ",children: 

        [{name:" Нигаматулла\n 845",value: 40} ]}, 

      {name:".  .  . Байрамгул 805 ",children: 

       [{name:" Мусафыр 848 ",value: 30} ]}, 

       {name:"Зюлкарнай 809 ",children: 

        [{name:" Юмагильды\n 844",value: 40} ]}]},       

  {name:"Кужуахмат766 ",children:

      [{name:"Жумагул810  .",children:

      [ {name:"Жумабай 840 ",value: 50}]} ]}]},  

     {name: "Имаш",  normal:{fill: "none"},children:

      [{name:"Абдулвагап \n757 \nмулла в \nМулдакае",children:

      [{name:"Габдулсалим \n789/\nГабдулхалик\n 792 ",children:

      [{name:"Бахтияр\n 822",children:

        [{name:" Мухаматхадый\n 853",value: 35},

        {name:"Мухаматзакир\n 855",value: 35}]},  

       {name:" Мухамедияр826 ",children:

        [{name:"Фахритдин\n 851",value: 35}]}, 

      {name:" Кильдияр 829\n урядник ",value: 50},

       {name:"Аллаяр 831 ",children: 

        [{name:"Шагиахкам\n 856 ",value: 35}]}, 

       {name:" Ярулла 835",children:

        [{name:"Шагували\n 855",value: 35}]},

       {name:"Ярмухамат 839",value: 30}]},   

      {name:"Абдряшит793",children: 

       [{name:"Мухаматлатив 848.  .  .",value: 30}]}, 

       {name:"Абдулвахит798 \n указный мулла ",children:

        [{name:"Рахматулла\n830",children: 

          [{name:" Ахматхужа \n856 ",value: 45}]},  

      {name:"Ахтям 849",value: 40} ]},  

      {name:"Афлятун  805 ",children:

       [{name:"Исраил \n827\n урядник",children: [

       {name:"Хайрулла\n 849",value: 30},  

         {name:"Исмагил 853",value: 30}, 

       {name:"Шайхислам\n 855",value: 30},  

         {name:"Фахрислам\n 855 ",value: 30}]}]}, 

       {name:"Мухаматаскар 833",children: 

        [{name:"Мухамат-\nвакил 859",value: 40}]}]}]},     

     {name: "Мрат ", normal:{fill: "none"},children:

         [{name:"Гадильша\n 762",children:                                        

         [{name:"Мухаматья(жа)н 794",children:

        [{name:" Сагит\n 830 ",children: 

          [{name:" Тухветулла\n 854",value: 40}]}]},  

       {name:"Мухаматамин799",children:

        [{name:" Сагадый 844   .  .",value: 30}]},  

     {name:"Загитдин 804",children: 

      [{name:" Хайбулла 848 ",value: 30}]}]},  

     {name:"Балиша 770",children: 

      [{name:"Габит 796\nХамат 810/",children: [    

       {name:"Нигаматулла841-51",value: 30}, 

        {name:"Хисматулла 845",value: 30}, 

       {name:"Хайфулла 848",value: 30}, 

        {name:"Гайнулла 852",value: 30}]}]}, 

   {name:"Иксан 775\n  азанчи",children:

    [{name:"Гильман 807",children: 

      [{name:" Гизетулла 848",value: 30}]},                                        

      {name:"Ишнияз 810",children: 

       [{name:" Габайдулла 859",value: 30}]},

   {name:"Нугаман 816",value: 30},

   {name:"Вильдан 826",value: 30}, 

     {name:"Магадий 827",value: 30} ]}, 

   {name:"Бикбау 786",children:

    [{name:"Имангул 810",value: 50} ]}]},       

   {name: "Мухамбет",  normal:{fill: "none"},children: 

     [{name:"Баим 792 ",children:

    [{name:"Ульмяскуль 1835",value: 65}, 

     {name:"Калимулла 1841 ",value: 65} ]}  ]}, 

   {name: "Абдрезяк   ",  normal:{fill: "none"},children: 

    [{name:"Ишмухамат\n93-54 ",children:

      [{name:"  Баймухамат \n847 ",value: 110}]}]},    

{name: "Абуталып",  normal:{fill: "none"},children: 

  [{name:"Габдрахим768",children: 

     [{name:"Мухаматшарив\n 810",value: 55} ]},  

       {name:"Файзулла 770 ",children:   

         [{name:" Ярулла 810",value: 50} ]}]},            

 {name: "Юртба-\nгыш ", normal:{fill: "none"},children:

    [{name:"Абдулхарис779 ",children:

      [{name:"Шамситдин\n808-56",value: 60},  

   {name:"Кужагильды\n829, его сын \nАхматхужа 858",value: 110} ]},      

     {name:"Абдулхасян88-59 ",children:

      [{name:" .  .  .  Габдулхаким\n 840",value: 60}  ]},       

   {name:"Шихмухамат793\n Сейфитдин795/",children:

      [{name:".  . Нажмитдин843",value: 60},

       {name:" Нахавитдин\n49-54 ",value:70} ]},       

  {name:"Тажитдин\n797-59",children:  

      [{name:"  Шарафитдин\n828, его сын\nБадритдин 853",value: 110} ]},

        {name:" Хуснутдин 839  .  ",value: 45} ]},    

 {name: "Усман  ",  normal:{fill: "none"},children:

      [{name:"Сарыбай 778 ",children:    

      [{name:"Абдулхасян 799 \n Хусеин 823-54/",children:

      [ {name:"Зюбаир 827 ",value: 30},

      {name:" Курмангали\n 844 ",value: 40}]},

       {name:" Гузеир 827-53",value: 30},

       {name:" Губеир 832",value: 30}]}, 

       {name:"Карабай 781  ",children:

      [{name:"  Кидряс 809-55 ",value: 30},

      {name:".  .Юнус26 крещён55",value: 30} ]} ]},      

  {name: "Сабанак",  normal:{fill: "none"},children: 

 [{name:"Мухаматшариф\n 774",children:       

      [{name:"Зяйняш 802/ \n  .   Зяйнитдин805",children:

      [{name:"Мустаким  835 ",value: 30},

       {name:"Юлмухамбет \n837-56",value: 40}]}, 

       {name:"Сиражитдин 819 \nуказный азанчи ",children:            

      [{name:"Абдулфаттах\n 850",value: 65}]} ]},    

  {name:"Биккул 780 ",children:

      [{name:"Сагынбай\n 837",children:

      [{name:"Мухаматгали\n49-55  ",value: 45},

       {name:"Сеитгали 855",value: 30},

       {name:"Сеитбаттал 858",value: 30}]} ]}, 

  {name:"Гали 785 ",children:

      [{name:" Шамситдин  818 ",value: 30}]} ]},      

 ]} ];

// create a chart and set the data

var chart = anychart.sunburst(data, "as-tree");

chart.labels().adjustFontSize(false);

chart.level().labels().fontSize(11);

//chart.labels().wordWrap("break-word");  

    // set the start angle

    chart.startAngle(87);

  // hide the first level

chart.level(9).enabled("false");  

chart.radius("100%");

chart.level(0).thickness("6%");

  // set the thickness of leaves 

  chart.level(1).thickness("11%");

  chart.level(2).thickness("15%");

  chart.level(3).thickness("15%");

  chart.level(4).thickness("15%");

  chart.level(5).thickness("12%");

  chart.level(6).thickness("12%");

  //chart.level(7).thickness("11%");

 // chart.level(8).thickness("9%");

//chart.leaves().thickness("10%"); 

 // set the position of labels после дате

   chart.level().labels().position("radial");

//chart.leaves().format("<span style='align:center'>{%name}</span>");

  //chart.leaves().level().Align("center");

  // set chart labels settings

chart.labels().hAlign('center');

chart.labels().vAlign('middle');

// chart.labels().textAlign="center"; 

  // configure the visual settings of the chart

chart.fill(function () {  return this.parent ?

anychart.color.lighten(this.parentColor, 0.3) :

this.mainColor;  });

chart.normal().stroke("#000000", 0.3);

​

// chart.labels().width("100%");

// chart.labels().height("500%");

chart.labels().padding("-68 " ) ;

// chart.labels().margin("-50") ;

chart.labels().fontColor("#000000");

chart.labels().fontWeight("1000");

  chart.title("              ");

  // Set line height.

 //chart.level(3).labels().lineHeight(0.75);

 //chart.level(4).labels().lineHeight(0.75);

 //chart.level(5).labels().lineHeight(0.75);

//chart.level(6).labels().lineHeight(0.75);

// set the calculation mode

chart.calculationMode("parent-independent");

   // format chart labels

  chart.labels().format('{%Name}');

 //ordinal-from-leaves    parent-independent    word-spacing: 15px ;

 //chart.leaves().format("<span style='align:center'>{%name}</span>");   

 //.label{text-align: center; }           align right  left      hspace="75"  textAlign="center";

  // set the container id 

 //  chart.container("container");

//  ◄▼►▲ ≈ \n

//var stage = acgraph.create('container');

//stage.rect(30, 30, 60, 50);

​

//var simpleText = stage.text(40, 30, 'Top text');

//simpleText.height(50);

//simpleText.width(60);

​

// Sets vertical align.

//simpleText.vAlign('middle');

​

//var stage = acgraph.create('контейнер');

//стадия.прямая кишка(30, 30, 60, 50);

​

//var simpleText = stage.text(40, 30, 'верхний текст');

//простой текст.высота(50);

//простой текст.ширина(60);

​

// Устанавливает вертикальное выравнивание.

//простой текст.vAlign('средний');

​

// <div overflow: visible; width: 50%;  ></div> 

​

// text {font-family: Arial, sans-serif;

 //    font-size: 12px;     width:150px;

  //   overflow:visible;     white-space:nowrap;

  //  overflow:visible;}

​

// html, body { overflow: auto !important; }

​

// chart.level().labels().overflow("visible");

// hart.labels().overflow(visable);

// chart.level().overflow (false); 

  chart.container("container").draw();  });