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