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

radial      #DAA520   #00FFFF   #FFAEB9  #90EE90   #FFFF00        [⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀]  ⠀\n⠀\n⠀\n⠀\n

Добавлены ветви братьев Кинйа: Кутлумбет, Тупей и Кутуй- они тоже Буляковы.  center

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

 {name: "М⠀ А⠀ Ж⠀ И⠀ Т ⠀  1927\nНИЯЗГУЛ⠀≈1886\nШАМИГУЛ ⠀1846\nМУХАМАТВАЛИ⠀ 1821 \nМУХАМАТАМИН⠀ 1797\nК И Н Й А ⠀1758- \n-юртовый старшина\nАМАНГИЛЬДЫ⠀≈1700\n▲\n Б⠀ У⠀ Л⠀ Я⠀ К⠀  ≈1660",  normal:{fill: "#DAA520"},  children:  

  [{name:"ЖАУАТ",normal:{fill: "#FFAEB9"},children:

              [{name:"⠀МАРАТ",children:

              [{name:"МАРАТ",value: 40}]},

              {name:"Гузяль",children:

              [{name:"Аида",children:

              [{name:"Ильназ",value: 30}]},

              {name:"Алина",value: 30}              ]},

              {name:"Гульнур",children:

              [{name:"Радмир",value: 30},

             {name:"Эльза",value: 30},

              {name:"Юнир",value: 30},

              {name:"Руслан",value: 30} ]},     

             {name:"Гульниса",children:

              [{name:"Алия",children:

              [{name:"Руслан",value: 30}]},

               {name:"Лия",value: 30} ]},

               {name:"Гульдар",children:

              [{name:"Алсу",value: 30},

              {name:"Алсын",value: 30},

              {name:"Регина",value: 30} ]} ]},   

                   {name:"⠀Альмира ",normal:{fill: "#00FFFF"},children:

              [{name:"Вадим" ,value: 50},  ]},  

                   {name:"⠀⠀НАЖМУТДИН ",normal:{fill: "#FFFF00"},children:

              [{name:"Лариса",children:

              [{name:"Аделина",value: 30}, 

              {name:"Марат",value: 30},]}, 

              {name:"⠀МИХАИЛ",children:

              [{name:"ЭМИЛЬ",value: 30} ]} ]},  

     {name:"ЖАМИЛЬ",normal:{fill: "#00FFFF"},children:

              [{name:"РУСЛАН",children:

              [{name:".",value: 30}, 

              {name:".",value: 30}, 

              {name:".",value: 30}, 

             {name:".",value: 30} ]}, 

               {name:"Гульназ",value: 40},

               {name:"Айгуль",children:

              [{name:"Артур",value: 40} ]}]}, 

             {name:"Альфия",normal:{fill: "#90EE90"},children:

              [{name:"Алексей",children:

                [{name:"Игорь",value: 30}]}, 

              {name:"Светлана",children:

                [{name:"Вячеслав",value: 30},

              {name:"Александра",value: 30}  ]}]}, 

            {name:"Галима ",normal:{fill: "#FFFF00"},children:

              [{name:"Сергей",children:

              [{name:"Кристина⠀",value: 30} ]},

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

              [{name:"Диана",value: 30} ]}]},     

              {name:"Маулия" ,normal:{fill: "#FFAEB9"},children:

              [{name:"Елена",children:

              [{name:"Александр",value: 30}, 

               {name:"Вадим",value: 30}, 

               {name:"Артур",value: 30},

               {name:"Альберт",value: 30},  ]},                

               {name:"Мируэта",children:

              [{name:"Владислав",value: 30},               

               {name:"Иван",value: 30},  ]}, 

               {name:"Асия",value: 50}, ]},     

              {name:"ГАЛИ",normal:{fill: "#00FFFF"},children:

               [{name:"РУСЛАН",value: 40}, 

               {name:"Людмила",children:

               [{name:"Аделина",value: 30}, 

               {name:"Азалия",value: 30}, ]},                 

               {name:"Юлия",children:

               [{name:"Карина",value: 40} ]} ]},    

            {name:"РАШИТ ",normal:{fill: "#90EE90"},children:

              [{name:"⠀МАРАТ⠀\n",value: 40},

               {name:"Венера",children:

              [{name:"Рената",value: 40}]}, 

              {name:"Римма",value: 40}]},                 

 ]} ];

// create a chart and set the data

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

chart.labels().adjustFontSize(false);

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

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

​

    // set the start angle

    chart.startAngle(28);

  // hide the first level

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

chart.radius("100%");

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

  // set the thickness of leaves 

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

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

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

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

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

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

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

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

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

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

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

  //  chart.level(1).labels().position("circular");

  //  chart.level(2).labels().position("circular");

 //   chart.level(6).labels().position("circular");

//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('center');

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

  // configure the visual settings of the chart

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

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

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(1).labels().lineHeight(1,7);

 //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();  });