HTMLcopy
x
1
<div id="container"></div>
2
CSScopy
1
1
html, body, #container { width: 1300px; height: 1300px; margin: 0; padding: 0px;}
JavaScriptcopy
273
1
anychart.onDocumentReady(function () {
2
3
// create data
4
var data = [
5
{name: "Деревня\nИЛСЕГУЛ\n≈1757", normal:{fill: "none"}, children:
6
[{name: "Мулдакаевы\nИлсегул 733 \nИмиль 739/",normal: {fill: "none"}, children:
7
[{name:"Губайдулла757 ",children:
8
[{name:"Ташбулат 799\n. . Таймас799-54/ \nШумрат 800/", children:
9
[{name:"Науширван\n817 ",children:
10
[{name:"Ишназар\n 843 ",value: 45},
11
{name:" Афлятун \n844",value: 45} ]}]} ]},
12
{name:"Нурай 765",children:
13
[{name:"Туктубай 792\n отставной\n з-сотник",children:
14
[{name:"Мухаматшариф\n 812-53\nМухаматша\n 824/\nМагадий 840/", children:
15
[{name:"Хайритдин\n 834",value: 50},
16
{name:"Хайрулла\n 836",value: 50} ]} ]} ,
17
{name:"Туктагул 793\nУтягул 806-52/\nСадык 832/",children:
18
[{name:". . .Мухаматшариф 810",value: 30},
19
{name:". . .Мухаматжан 828",value: 30},
20
{name:"Шагазинган 844 ",value: 30} ]} ]} ,
21
{name:"Ульмяскул\n 779-832",children:
22
[{name:"Халяусура 818",children:
23
[{name:". . .Игансура 849-52 ",value: 25} ]},
24
{name:"Алсынбай 825",children:
25
[{name:"Хибетулла 849 ",value: 25} ]},
26
{name:"Ихлас 827-55",value: 25} ]},
27
{name:"Зайнагабдин788\n Халиль 798 /",children:
28
[{name:"Мухаматьяр\n 817/\nКильдияр 828",children:
29
[{name:"Бахтияр 848",value: 40}, {name:"Хуснияр 850",value: 40},
30
{name:"Мадияр 855 ",value: 40} ]} ]} ,
31
{name:"Филял 825 ",children: [{name:"Барангул 844 ",value: 30} ]} ]},
32
{name: "Масягут", normal:{fill: "none"},children:
33
[{name:"Муса 743",children:
34
[{name:"Халит≈760",children:
35
[{name:"Шагатдин\n 813",children:
36
[{name:"Ишмурат 833",value: 20},
37
{name:"Баймурат 844",value: 20},
38
{name:"Сейфитдин 849-54",value: 20} ]} ]},
39
{name:"Валит 762",children:
40
[{name:"Габит \n798",children:
41
[{name:"Хисматулла 845",value: 20},
42
{name:"Нигаматулла846-51",value: 20},
43
{name:"Хайрулла 848",value: 20},
44
{name:"Гайнулла 852",value: 20} ]},
45
{name:"Замилитдин\n 799",children:
46
[{name:"Фахритдин 831,\nего сын \n Юлмухамат856", value: 50} ]} ]},
47
{name:"Амякас 767",children:
48
[{name:"Баймурза 794",value: 20},
49
{name:"Хабибулла 797",value: 20}]},
50
{name:"Аитбай \n774-856",children:
51
[{name:"Альбийдан 818",value: 20},
52
{name:"Салават 822",value: 20},
53
{name:"Сабит 826 ",children:
54
[{name:"Ахматша 857",value: 20}]},
55
{name:"Жиганша 831",value: 20}]},
56
{name:"Ишбай\n 779",children:
57
[{name:"Юнус\n 810 ",children:
58
[{name:"Давлетша\n 833-55",value: 30},
59
{name:"Мухаматгалим . .\n 843",value: 30},
60
{name:"Мухаматамин\n846-53",value: 30}]},
61
{name:"Мухаматша829 . ",children:
62
[{name:". Абдулгалим\n853 ",value: 30}]},
63
{name:"Юлбарыс 819 \n з-хорунжий",children:
64
[{name:". .Мухаматкарим\n 843 ",value: 40}]}]},
65
{name:"Якуп\n 785",children:
66
[{name:"Юсуп 809",children:
67
[{name:" Мратша 839",value: 20},
68
{name:"Муртаза 856 ",value: 20}]},
69
{name:"Ильяс 821 ",children:
70
[{name:"Ихлас 858",value: 20}]},
71
{name:"Идрис 823 ",value: 20}]},
72
{name:"Исхак\n 786-856\n мулла в\nМулдакае",children:
73
[{name:"Альтаф17-66 - \nво время хаджа\n указный мулла\n в Кариме",children:
74
[{name:" . . Шагиахкам 849",value: 25},
75
{name:". .Шакир 864\n . . указ. мулла",value: 35},
76
{name:"Закир 867 \n указный мулла",value: 35} ]},
77
{name:"Афтах 820 \n указный мулла\n в Мулдакае",value: 60},
78
{name:"Альхав 825",value: 25},
79
{name:"Ахматсагадый 828",value: 25},
80
{name:"Ахматхан 840",value: 25},
81
{name:"Ахматша 848",value: 25},
82
{name:"Абдулла 852",value: 25}]}]}]},
83
{name: "Танриберды ", normal:{fill: "none"},children:
84
[{name:"Абдулманав\n 754 ",
85
children: [{name:"Абдулвали 785 ",value: 30},
86
{name:"Сяфер 797 ",value: 30} ]} ]},
87
{name: "Имаш", normal:{fill: "none"},children:
88
[{name:"Абдулвагап \n757 мулла\nв Мулдакае",children:
89
[{name:"Габдулсалим\n 789/\nГабдулхалик\n 792 ",children:
90
[{name:"Бахтияр 822",value: 25},
91
{name:" Мухамедияр 826 ",value: 25},
92
{name:" Кильдияр 829 ",value: 25},
93
{name:"Аллаяр 831 ",value: 25},
94
{name:" Ярулла 835 ",value: 25},
95
{name:"Ярмухамат 839",value: 25}]},
96
{name:"Абдряшит 793",children:
97
[{name:"Мухаматлатив\n 848",value: 40}]},
98
{name:"Абдулвахит798\n указный мулла ",children:
99
[{name:"Рахматулла\n 830",value: 40},
100
{name:"Ахтям 849",value: 25} ]},
101
{name:"Афлятун 805 ",children:
102
[{name:"Исраил 827\n урядник",value: 40},
103
{name:"Мухамат 839",value: 25}]},
104
{name:". Мухаметаскар 833",children:
105
[{name:"Мухаматвакил\n 859",value: 35}]}]}]},
106
{name: "Назир ", normal:{fill: "none"}, children:
107
[{name:"Юмак 757. . ",children:
108
[{name:"Иштимер 808",value: 35}]},
109
{name:"Алигужа760 ",children:
110
[{name:"Кызылбай 793 ",value: 30}]},
111
{name:"Аккужа 763 ",children:
112
[{name:"Биктимер 810",value: 30},
113
{name:"Байтимер 810 ",value: 30}]},
114
{name:"Букай 769 ",children:
115
[{name:"Тухватулла 799",value: 30},
116
{name:"Мазгап 810 ",value: 30}]} ]},
117
{name: "Мрат ", normal:{fill: "none"},children:
118
[{name:"Гадильша\n 762",children:
119
[{name:"Мухаметья(жа)н 794",value: 30},
120
{name:"Мухаметамин 799",value: 30},
121
{name:"Загитдин 804",value: 30} ]},
122
{name:"Балиша 770",children:
123
[{name:"Габит 796\nХамат 810/",value: 60} ]},
124
{name:"Иксан 775\n азанчи",children:
125
[{name:"Гильман 807",value: 30},
126
{name:"Ишнияз 810",value: 30},
127
{name:"Нугаман 816",value: 30},
128
{name:"Вильдан 826",value: 30},
129
{name:"Магадий 827",value: 30} ]},
130
{name:"Бикбау 786",children:
131
[{name:"Имангул 810",value: 30} ]}]},
132
{name: "Худайбарды ", normal:{fill: "none"},
133
children: [{name:"Бикбулат\n764-852",children:
134
[{name:" Габди 788",value: 30},
135
{name:"Габдулмяжит 791",value: 30},
136
{name:"Габдулмужип799\n Маскау 808/\n Мукмин 840/",value: 90} ]} ]},
137
{name: "Манасип ", normal:{fill: "none"},children:
138
[{name:"Хисаметдин\n773",children:
139
[{name:" Надырша 804 ",value: 30},
140
{name:" Валиша 809 ",value: 30},
141
{name:" Хайбулла 829 ",value: 30},
142
{name:"Сейфулла 844 ",value: 30} ]},
143
{name:"Габдюш \n781-852 ",children:
144
[{name:" Исай 808 урядник",value: 30},
145
{name:" Шарип-Ашир 813 ",value: 30},
146
{name:" Габдулнасыр 819",value: 30},
147
{name:"Габдулнадыр 827",value: 30} ]} ]},
148
{name: "Габбас", normal:{fill: "none"},children:
149
[{name:"Мухаметрахим781 \nЖаныкай 784/ \nМухаматжан786/ ", children:
150
[{name:"Махмут 807-52 ",children:
151
[{name:"Багаутдин 824",value: 30}]} ,
152
{name:" Абдулнафик .\n (ан) 809",children:
153
[{name:"Ахматжан 854",value: 60}]} ,
154
{name:" Мухаматсафа 837. . . . ",value: 35},
155
{name:" Мухаматшакир42. . . . . .",value: 35},
156
{name:" Ахматхан 846 ",value: 35} ]} ]},
157
{name: "Уметбей ", normal:{fill: "none"},children:
158
[{name:"Юртум 782 ",children:
159
[{name:"Смагил 806",value: 50}]} ,
160
{name:"Калу 788 ",children:
161
[{name:"Ильяс809 ",value: 50} ]} ]},
162
{name: "Шамситдин ", normal:{fill: "none"},children:
163
[{name:"Сейфюль-",children:
164
[{name:"-мулюк 84",value: 70} ]} ]},
165
{name: "Бузай. . . ", normal:{fill: "none"},children:
166
[{name:"Габдулгафан \n789-854",children:
167
[{name:"Шарафитдин \n827",value: 80} ]} ]},
168
{name: "Яхъя ", normal:{fill: "none"},children:
169
[{name:". Кутлумалик790",children:
170
[{name:" Хаирзаман 809. .\n Ишмухамат 823/. . . ",value: 60} ]},
171
{name:"Кутлузаман\n 810-52",children:
172
[{name:"Бикмухамат\n828",value: 80} ]} ]} ]} ];
173
174
// create a chart and set the data
175
var chart = anychart.sunburst(data, "as-tree");
176
chart.labels().adjustFontSize(false);
177
chart.level().labels().fontSize(11);
178
//chart.labels().wordWrap("break-word");
179
180
// hide the first level
181
chart.level(9).enabled("false");
182
chart.radius("100%");
183
chart.level(0).thickness("6%");
184
185
// set the thickness of leaves
186
chart.level(1).thickness("11%");
187
chart.level(2).thickness("15%");
188
chart.level(3).thickness("15%");
189
chart.level(4).thickness("15%");
190
chart.level(5).thickness("11%");
191
chart.level(6).thickness("11%");
192
chart.level(7).thickness("11%");
193
chart.level(8).thickness("9%");
194
//chart.leaves().thickness("10%");
195
196
// set the position of labels после дате
197
chart.level().labels().position("radial");
198
199
//chart.leaves().format("<span style='align:center'>{%name}</span>");
200
//chart.leaves().level().Align("center");
201
202
// set chart labels settings
203
chart.labels().hAlign('center');
204
chart.labels().vAlign('middle');
205
// chart.labels().textAlign="center";
206
// configure the visual settings of the chart
207
chart.fill(function () { return this.parent ?
208
anychart.color.lighten(this.parentColor, 0.3) :
209
this.mainColor; });
210
chart.normal().stroke("#000000", 0.3);
211
212
// chart.labels().width("100%");
213
// chart.labels().height("500%");
214
chart.labels().padding("-68 " ) ;
215
// chart.labels().margin("-50") ;
216
chart.labels().fontColor("#000000");
217
chart.labels().fontWeight("1000");
218
chart.title(" ");
219
220
221
// Set line height.
222
//chart.level(3).labels().lineHeight(0.75);
223
//chart.level(4).labels().lineHeight(0.75);
224
//chart.level(5).labels().lineHeight(0.75);
225
//chart.level(6).labels().lineHeight(0.75);
226
227
// set the calculation mode
228
chart.calculationMode("parent-independent");
229
230
// format chart labels
231
chart.labels().format('{%Name}');
232
233
//ordinal-from-leaves parent-independent word-spacing: 15px ;
234
//chart.leaves().format("<span style='align:center'>{%name}</span>");
235
//.label{text-align: center; } align right left hspace="75" textAlign="center";
236
237
// set the container id
238
// chart.container("container");
239
// ◄▼►▲ ≈ \n
240
//var stage = acgraph.create('container');
241
//stage.rect(30, 30, 60, 50);
242
243
//var simpleText = stage.text(40, 30, 'Top text');
244
//simpleText.height(50);
245
//simpleText.width(60);
246
247
// Sets vertical align.
248
//simpleText.vAlign('middle');
249
250
//var stage = acgraph.create('контейнер');
251
//стадия.прямая кишка(30, 30, 60, 50);
252
253
//var simpleText = stage.text(40, 30, 'верхний текст');
254
//простой текст.высота(50);
255
//простой текст.ширина(60);
256
257
// Устанавливает вертикальное выравнивание.
258
//простой текст.vAlign('средний');
259
260
// <div overflow: visible; width: 50%; ></div>
261
262
// text {font-family: Arial, sans-serif;
263
// font-size: 12px; width:150px;
264
// overflow:visible; white-space:nowrap;
265
// overflow:visible;}
266
267
// html, body { overflow: auto !important; }
268
269
// chart.level().labels().overflow("visible");
270
// hart.labels().overflow(visable);
271
// chart.level().overflow (false);
272
273
chart.container("container").draw(); });