HTMLcopy
1
<div id="container"></div>
CSScopy
x
1
html, body, #container { width: 1300px; height: 1300px; margin: 0; padding: 0px;}
2
#DAA520 #00FFFF #FFAEB9 #90EE90 #FFFF00 [⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀]
3
4
{name: "Зейникей ", normal:{fill: "none"},children:
5
[{name:"Тимербай 793",children:
6
[{name:"Ибрагим 831", value: 50} ]},
7
{name:"Умертай 794", children:
8
[{name:" Абдулгазиз 834/ ",children:
9
[{name:"Абдулфаиз 858 ",value: 50} ]}]}]} ]},
JavaScriptcopy
441
1
anychart.onDocumentReady(function () {
2
3
// create data
4
var data = [
5
{name: "Деревня\nКАРИМ", normal:{fill: "none"}, children:
6
[{name: "⠀Аман-\nгильды\nБуляков",normal: {fill: "none"}, children:
7
[{name:"Кутлумбет\n741",children:
8
[{name:"Батырша\n764", children:
9
[{name:" Фаткулла799 Б⠀\nГабдулла801/⠀⠀\nЗайнулла803/ ⠀ \nФасулла806/⠀⠀",
10
children: [{name:"Гайнитдин 830-\nон же Мухутдин",children:
11
[{name:"-урядник,\n⠀Ахматкирей\n 858 ",value: 50}]},
12
{name:"Мухаматаскар \n832 урядник, ",children:
13
[{name:"Мухамат-\nшафига 855",value: 40}, ]}, ]},
14
{name: "Файзулла \n808 \n з-хорунжий, \nкантонный \nпомощник", children:
15
[{name:"Муфтахитдин\n 830 , его сын \nЗалялитдин 858", value: 70},
16
{name:"Фазлытдин 832 ЗХ, \n сын Махмутдин 858", value: 60},
17
{name:"Фаттахитдин 839",value: 30} ]},
18
{name:" Мухаматгали\n 813",children:
19
[{name:"Загритдин 833",value: 30},
20
{name:"Заяфитдин 849",value: 30},
21
{name:"Шарафитдин 847",value: 30} ]}]},
22
{name:"Этиммяс 787 ЮЕ", children:
23
[{name:"Рафик 810 ",value: 35} ]}]},
24
25
{name:"Тупей 745\n отставной\n старшинский\n помощник",
26
children: [{name:"Такуй 763", children:
27
[{name:"Файзулла 786 ", children:
28
[{name:"Зайнулла 793",value: 40}]}]} ,
29
{name:"Габейдулла771 ПС", children:
30
[{name:"Шигали 803/ ",children:
31
[{name:" Иргали 806",value: 40} ]}]} ,
32
{name:"Тухветулла788 СП", children:
33
[{name:". . .Галиулла 810 ",value: 35} ]},
34
{name:"Гайнулла\n 804\n отставной \nурядник", children:
35
[{name:"Валиулла 822 ",children:
36
[{name:"Ярулла 855",value: 30} ]},
37
{name:"Халильулла \n823",children:
38
[{name:"Шарафитдин 846-53",value: 30},
39
{name:"Камалитдин 851",value: 30},
40
{name:"Фазлытдин 855",value: 30},
41
{name:"Гиляжитдин 858",value: 30} ]},
42
{name:"Хамидулла 827",children:
43
[{name:"Хайрулла 854",value: 30} ]},
44
{name:"Хайбулла 839-51\n Гибетулла 828 -",children:
45
[{name:" ЗХ, старши-\nна 4 юрты ",value: 60} ]} ]},
46
{name:"Галиулла 812 У", children:
47
[{name:"Мирхайдар 830 ",value: 30} ]},
48
{name:"Миряс 813", children:
49
[{name:"Рахматулла 838 ",value: 30},
50
{name:"Гатиятулла845/", children:
51
[{name:"Шайхитдин 858 ",value: 30}]} ]} ]},
52
53
{name:"Кинжа 758 \nюртовый \nстаршина",children:
54
[{name:"Ивлиамин810 \n Авинамин ",children:
55
[{name:"Мухаматжан 833", value: 30},
56
{name:"Мухаматгалим840/", children:
57
[{name:". = .Баймухамат842", value: 30} ]},
58
{name:"Мухаматзариф49-52/",children:
59
[{name:". . . . . . Мухаматрахим58",value: 30} ]} ]} ,
60
{name:"Масалим 813 \n Мамалик16-51/",children:
61
[{name:"Юлмухамат 848/", children:
62
[{name:". . Нурмухамат 851", value: 35}, ]},
63
{name:"Нурулла 886", children:
64
[{name:"Динмухамат 849-52",value: 35} ]}, ]},
65
{name:"Мухамедьяр820 У. .",children:
66
[{name:"Асмандияр846/", children:
67
[{name:". .Искандияр849-51",value: 35} ]} ]},
68
{name:"Мухаматамин \n797",children:
69
[{name:"Мухаматвали \n821",children:
70
[{name:"Шамигул 846", value: 30},
71
{name:"Мухаматвали 821", value: 30} ]},
72
{name:"Габдулвали 831",value: 30} ]} ]} ]} ,
73
74
{name: "Рагожы", normal:{fill: "none"},children:
75
[{name:"Абтюк(с) 748",children:
76
[{name:"Абдулхаир 782- ",children:
77
[{name:"-хорунжий",value: 30}]},
78
{name:"Умурзак 759",children:
79
[{name:"Балтам(ш) 793 ",value: 30} ,
80
{name:"Абдулхалик 799",value: 30} ]} ]},
81
82
{name: "Буран ", normal:{fill: "none"},children:
83
[{name:"Кут(н)ий 764/",children:
84
[{name:" Хабий 750", children:
85
[{name:"Исмагил 803 ",children:
86
[{name:"Ильяс 810 ",value: 50},]},
87
{name:"П Хайнулла 802 ",children:
88
[{name:" Нигматуллин",value: 30}, ]} ]}, ]},
89
90
{name: "Ахмат", normal:{fill: "none"},children:
91
[{name:"Гадилша 761 ",children:
92
[{name:"Надырша 781\nВалиша 787/",children:
93
[{name:"Давлетша 807",value: 50},]}, ]}, ]},
94
95
{name:"Жиганша 766 \n пох старшина",children:
96
[{name:"Иш(Ши)мрат 800/\nИсянгул 784 ",children:
97
[{name:"Кишкай 802",value: 25},
98
99
{name:"Султанмрат 810",children:
100
[{name:"Бикбулат 838",value: 25},
101
{name:"Мирхайдар 841",value: 25}, ]},
102
{name:"Салый ",children:
103
[{name:"Миряс 842=Миряй ",value: 25}, ]},
104
105
{name:"Гадилкирей 768",children:
106
[{name:"Юныс 801",value: 30},
107
{name:"Курманбай 803",value: 30},
108
{name:"Ибрагим 807 ",value: 30} ]}, ]}, ]},
109
110
111
{name:"Курмангали 770",children:
112
[{name:"Сайфулмулюк 801",value: 30},
113
{name:"Сейфутдин 805 ",value: 30} ]},
114
115
{name: "Тяукбет ", normal:{fill: "none"}, children:
116
[{name:"Тюляк 766",children:
117
[{name:"Барамгали 803",value: 30},
118
{name:"Барамгул 806 ",value: 30}]}, ]}, ]},
119
120
{name: "Бути(ю)с ", normal:{fill: "none"},children:
121
[{name:"Балтикирей 770* ",children:
122
[{name:"Кунакбай 800",children:
123
[{name:"*пох старшина",value: 50} ]} ]},
124
{name:"Султанкирей 771* ",children:
125
[{name:"Шамрат 804",children:
126
[{name:"*азанчей",value: 50} ]} ]},
127
{name:"Ишмухамат 807", children:
128
[{name:"Идрис 838",value: 30}, ]},
129
{name:"Хасян 777",children:
130
[{name:"Гузеир 802",value: 60},
131
{name:"Мухаматкильды 806",value: 60}, ]},
132
{name:"Сафар 779",children:
133
[{name:"Мухаматгали820* ",children:
134
[{name:"Мухаматгалей\n 858",children:
135
[ {name:"*з-хорунжий",value: 50} ]}, ]},
136
{name:"Сабир 793",children:
137
[{name:"Абдулнасыр 829",value: 40} ]}]},
138
139
{name: "Сумгангул ", normal:{fill: "none"},
140
children: [{name:"Султан 776",value: 30} ]} ,
141
142
{name: "Кущугул ", normal:{fill: "none"},children:
143
[{name:"Амин\n 781-853",children:
144
[{name:" Биктимир \n813-58\n указный мулла ",
145
children: [{name:" Юмагужа 834 ",children:
146
[{name:" Хаким 853 ",value: 30},
147
{name:"Курманай 858 ",value: 30} ]},
148
{name:"Мухаматгалий 812",value: 30},
149
{name:" Магадий 854",value: 30} ]},
150
{name:"Юмабай 833",children:
151
[{name:"Галикей 858",value: 30} ]}]}]},
152
153
{name: "Усман", normal:{fill: "none"},children:
154
[{name:"Умурзак 781 ", children:
155
[{name:"Ульмяскуль 825 ",value: 30} ,
156
{name:"Фахритдин 828 ", children:
157
[{name:"Зейнитдин 856",value: 30}]} ]},
158
{name:"Багаутдин 831 ", children:
159
[{name:"=Гимадитдин ",value: 30} ]},
160
{name:"Шамсутдин 832",value: 30} ]},
161
162
{name: "Шукур ", normal:{fill: "none"},children:
163
[{name:"Аюв 782-851 Аюп ",children:
164
[{name:"Шамсутдин 829\nСиражитдин 833/",
165
children: [{name:"Лутфитдин 847-53 ",value: 30} ,
166
{name:"Хуснутдин 849-51 ",value: 30} ,
167
{name:"Залялитдин 855 ",value: 30} ]} ]},
168
169
{name:"Тюлькубай 808 " ,children:
170
[{name:"Юмабай 835",value: 50},
171
{name:"Юмагул 843",value: 50}]},
172
{name:"Карабай\n 813 ",children:
173
[{name:"Мухаматгарив 843",value: 30},
174
{name:"Мухаматшариф 8458 ",value: 30},
175
{name:"Мухаматсадык 847 ",value: 30},
176
{name:" Мухаматзарыф 849-51 ",value: 30},
177
{name:"Мухамадий 856 ",value: 30},
178
{name:"Ахмадий 859",value: 30} ]} ,
179
{name:"Аюп 819 " ,children:
180
[{name:"Баймухамат 855",value: 50}]}]} ,
181
182
183
184
{name: "Абляз . .", normal:{fill: "none"},children:
185
[{name:"Байкай 782-857",value: 70} ]},
186
187
{name: "Кубак. . . ", normal:{fill: "none"},children:
188
[{name:"Иртышбай 782",value: 80} ]},
189
190
{name: "Абдрахим*", normal:{fill: "none"},children:
191
[{name:"Иргали 780-855",children:
192
[{name:"*Абдрахман ",value: 80} ]},
193
194
{name:"Мяндий \n783 ",children:
195
[{name:"Нигаматулла ",children:
196
[{name:"Байрамгул 847-52 ",value: 30} ]},
197
{name:"Рахматулла 813-56 ",children:
198
[{name:"Мухаматша 839 ",value: 30} ]},
199
{name:"Зейнулла 826 ",children:
200
[{name:"Асятулла 842 ",value: 30} ]} ]},
201
202
{name:"Габейдулла \n790-857 ",children:
203
[{name:"Сиражитдин\n 819 указ\n азначей ",children:
204
[{name:"Махмутдин 836 ",value: 30},
205
{name:"Мухаматсадык 848 ",value: 30},
206
{name:"Мухаматрахим 855 ",value: 30},
207
{name:"Мухаматкарим 859 ",value: 30} ]} ]} ,
208
{name:"Хабибулла 807 ",children:
209
[{name:"Янтура 852 ",value: 30},
210
{name:"Касымтура 856",value: 30} ]},
211
{name:"Мавлют ",children:
212
[{name:"Салихулла 802 ",children:
213
[{name:"Хайбулла 856 ",value: 30}]},
214
{name:"Сейфитин 814\n з-хорунжий",children:
215
[{name:"Хуснутдин 850-1 ",value: 30},
216
{name:"Шагизизьян 853",value: 30} ]} ]} ]} ,
217
218
{name: "Ишбулды", normal:{fill: "none"},children:
219
[{name:". Мулдыбай\n 785-53",children:
220
[{name:" Байсан 752" ,children:
221
[{name:"=Баксан",value: 30} ]},
222
{name:" Абубакир 815" ,children:
223
[{name:"Хайрулла 847",value: 30},
224
{name:"Галиулла 858",value: 30} ]},
225
{name:"Баванис" ,children:
226
[{name:"Миряс 849-51",value: 30} ]},
227
{name:"Шегадат 828/ ",children:
228
[{name:"Иманбай 837",value: 30} ]} ]},]} ,
229
230
{name: "Ташбай", normal:{fill: "none"},children:
231
[{name:"Акан 785-856/\n Манав 791",children:
232
[{name:"Каюп" ,children:
233
[{name:"Галлям 848",value: 30},
234
{name:"Галиулла 858",value: 30} ]},
235
{name:"Аюп 821\nБаймухамат 839/" ,children:
236
[{name:"Габдулгалим 849",value: 30},
237
{name:"Хаким 857",value: 30} ]} ]} ]},
238
239
{name: "Абый", normal:{fill: "none"},children:
240
[{name:"Мухаматжан 786\n Санжар 803/",children:
241
[{name:"Замалитдин 827/", children:
242
[{name:"Динмухамат 842",value: 50}]},
243
{name:"Баймухамат 850/",children:
244
[{name:"Юлмухамат 855",value: 50}]} ]},
245
{name:"Валий 804" ,children:
246
[{name:"Багаутдин 830",value: 30}, ]},]} ,
247
248
{name: "Бердыгул ", normal:{fill: "none"},children:
249
[{name:"Амир 787-857",children:
250
[{name:"Зямиль 814", children:
251
[{name:" Гайнулла 827/ ",children:
252
[{name:" Сафиулла 855 ",value: 30} ]} ]},
253
{name:"Абдулвали 827/",children:
254
[{name:" Халиль 818 ",children:
255
[{name:" Хабиулла 855 ",value: 30}]} ]} ]},
256
{name:"Умер 839-57",children:
257
[{name:"Этимган 822",value: 30}]},
258
{name:"Алдияр 790-53",children:
259
[{name:"Кадыргали 819 ", children:
260
[{name:" 58-63 арест. рота/",children:
261
[{name:" Бергали 845",value: 50} ]}]}]} ]},
262
263
{name: "Юламан ", normal:{fill: "none"},children:
264
[{name:"Юлсура 787-52",children:
265
[{name:"Кунаккильды819", children:
266
[{name:"Мухаматзариф848. .",value: 30}]},
267
{name:"Равиль 824/", children:
268
[{name:"Балтагул 831",value: 30}]} ]},
269
{name:"Кульмурза794-53",children:
270
[{name:"Мухтар 828/", children:
271
[{name:"Токтар 831",children:
272
[{name:"Хасян 859",value: 50}]} ]} ]} ]},
273
274
{name:"Касарман",children:
275
[{name:"Альмухамат788/", children:
276
[{name: "Нурмухамат791", children:
277
[{name:"Шарафитдин831-58",value: 30},
278
{name:"Гайнитдин845",children:
279
[{name:"63крещТроицк",value: 30}]}]}]},
280
{name:"Ярмухамат 801",children:
281
[{name:"Каракша(и) 835-53/ ", children:
282
[{name:"Гуляй 845",value: 50}]} ]} ]},
283
284
{name: "Аллабирде", normal:{fill: "none"},children:
285
[{name:"Кызылбай 790",children:
286
[{name:" Мухаматша 816-56" ,value: 30},
287
{name:" Ахматша 839/" ,children:
288
[{name:"Мухаматша 846",value: 50} ]},
289
{name:"Хайрулла 844/" ,children:
290
[{name:"Жумалитдин 849-53",value: 50} ]}, ]} ]},
291
292
{name:"Рахимгул ",children:
293
[{name:"Нигаматулла 793", children:
294
[{name:"Курамша 806",children:
295
[{name:"Гадильша 844/",children:
296
[{name:"Батырша 853",value: 40} ]}, ]},
297
298
{name:"Юлмухамат 808 \n Биксура 823/",children:
299
[{name:"Нурмухамат 836-58",value: 30},
300
{name:"Динмухамат 847",value: 30} ]},
301
{name:"Зиганша 813",children:
302
[{name:"Давлетша848",value: 30}]},
303
{name:"Рахматулла 846/",children:
304
[{name:"Гизетулла 849-51",value: 30}]},
305
{name:"Гайнулла 816", children:
306
[{name:"Хайбулла 843/",children:
307
[{name:"Абдулла 846",value: 30} ]} ]},
308
{name:"Фейзулла 825", children:
309
[{name:"Гибетулла 854/",children:
310
[{name:"Гизетулла 858",value: 30} ]} ]},
311
{name:"Зейнулла 833* ", children:
312
[{name:"Мухаматвакил 857",children:
313
[{name:"*урядник",value: 30} ]} ]} ]},
314
{name:"Гайнулла 816",children:
315
[{name:"Хайбулла 843/ ", children:
316
[{name:"Абдулла 846",value: 50} ]} ]},
317
{name:"Фейзулла 825",children:
318
[{name:"Гибетулла 854/ ", children:
319
[{name:"Гизетулла 858",value: 50}]} ]},
320
{name:"Зейнулла 833* ",children:
321
[{name:"Мухаматвакил 857 ", children:
322
[{name:"*урядник",value: 50}]} ]}, ]},
323
324
{name: "Акъюл ", normal:{fill: "none"},children:
325
[{name:"Шафий 793 *",children:
326
[{name:"Юламан 829", children:
327
[{name:" Тляубай 855 ",children:
328
[{name:"*отст з-хорунжий ",value: 50} ]} ]} ]},
329
{name:"Мухаматжан 805",children:
330
[{name:"Габдин 829/", children:
331
[{name:" Мухтабар 847 ",value: 50} ]}, ]},
332
{name:"Усман 811", children:
333
[{name:" Баймухамат 183 ",value: 50} ]} , ]}, ]}, ]},
334
335
336
337
338
339
340
]} ];
341
342
// create a chart and set the data
343
var chart = anychart.sunburst(data, "as-tree");
344
chart.labels().adjustFontSize(false);
345
chart.level().labels().fontSize(10);
346
//chart.labels().wordWrap("break-word");
347
348
// hide the first level
349
chart.level(9).enabled("false");
350
chart.radius("100%");
351
chart.level(0).thickness("4%");
352
353
// set the thickness of leaves
354
chart.level(1).thickness("8%");
355
chart.level(2).thickness("14%");
356
chart.level(3).thickness("17%");
357
chart.level(4).thickness("17%");
358
chart.level(5).thickness("17%");
359
chart.level(6).thickness("17%");
360
chart.level(7).thickness("11%");
361
chart.level(8).thickness("9%");
362
//chart.leaves().thickness("10%");
363
364
// set the position of labels после дате
365
chart.level().labels().position("radial");
366
367
//chart.leaves().format("<span style='align:center'>{%name}</span>");
368
//chart.leaves().level().Align("center");
369
370
// set chart labels settings
371
chart.labels().hAlign('center');
372
chart.labels().vAlign('middle');
373
// chart.labels().textAlign="center";
374
// configure the visual settings of the chart
375
chart.fill(function () { return this.parent ?
376
anychart.color.lighten(this.parentColor, 0.3) :
377
this.mainColor; });
378
chart.normal().stroke("#000000", 0.3);
379
380
// chart.labels().width("100%");
381
// chart.labels().height("500%");
382
chart.labels().padding("-68 " ) ;
383
// chart.labels().margin("-50") ;
384
chart.labels().fontColor("#000000");
385
chart.labels().fontWeight("1000");
386
chart.title(" ");
387
388
389
// Set line height.
390
chart.level().labels().lineHeight(0.8);
391
//chart.level(4).labels().lineHeight(0.75);
392
//chart.level(5).labels().lineHeight(0.75);
393
//chart.level(6).labels().lineHeight(0.75);
394
395
// set the calculation mode
396
chart.calculationMode("parent-independent");
397
398
// format chart labels
399
chart.labels().format('{%Name}');
400
401
//ordinal-from-leaves parent-independent word-spacing: 15px ;
402
//chart.leaves().format("<span style='align:center'>{%name}</span>");
403
//.label{text-align: center; } align right left hspace="75" textAlign="center";
404
405
// set the container id
406
// chart.container("container");
407
// ◄▼►▲ ≈ \n
408
//var stage = acgraph.create('container');
409
//stage.rect(30, 30, 60, 50);
410
411
//var simpleText = stage.text(40, 30, 'Top text');
412
//simpleText.height(50);
413
//simpleText.width(60);
414
415
// Sets vertical align.
416
//simpleText.vAlign('middle');
417
418
//var stage = acgraph.create('контейнер');
419
//стадия.прямая кишка(30, 30, 60, 50);
420
421
//var simpleText = stage.text(40, 30, 'верхний текст');
422
//простой текст.высота(50);
423
//простой текст.ширина(60);
424
425
// Устанавливает вертикальное выравнивание.
426
//простой текст.vAlign('средний');
427
428
// <div overflow: visible; width: 50%; ></div>
429
430
// text {font-family: Arial, sans-serif;
431
// font-size: 12px; width:150px;
432
// overflow:visible; white-space:nowrap;
433
// overflow:visible;}
434
435
// html, body { overflow: auto !important; }
436
437
// chart.level().labels().overflow("visible");
438
// hart.labels().overflow(visable);
439
// chart.level().overflow (false);
440
441
chart.container("container").draw(); });