Skip to content

Commit 873e75f

Browse files
junedchhipajunedchhipa
committed
fix #3661; series-title in multi-series treemap
1 parent 0f3a4d7 commit 873e75f

File tree

7 files changed

+408
-156
lines changed

7 files changed

+408
-156
lines changed

‎samples/react/treemap/multi-dimensional.html

Lines changed: 66 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -74,60 +74,99 @@
7474
name: 'Desktops',
7575
data: [
7676
{
77-
x: 'ABC',
78-
y: 10
77+
x: 'Apple',
78+
y: 50,
7979
},
8080
{
81-
x: 'DEF',
82-
y: 60
81+
x: 'Acer',
82+
y: 30,
8383
},
8484
{
85-
x: 'XYZ',
86-
y: 41
87-
}
88-
]
85+
x: 'Asus',
86+
y: 21,
87+
},
88+
],
8989
},
9090
{
91-
name: 'Mobile',
91+
name: 'Laptops',
9292
data: [
9393
{
94-
x: 'ABCD',
95-
y: 10
94+
x: 'Dell',
95+
y: 21,
9696
},
9797
{
98-
x: 'DEFG',
99-
y: 20
98+
x: 'HP',
99+
y: 16,
100100
},
101101
{
102-
x: 'WXYZ',
103-
y: 51
102+
x: 'Lenovo',
103+
y: 20,
104104
},
105+
],
106+
},
107+
{
108+
name: 'Tablets',
109+
data: [
105110
{
106-
x: 'PQR',
107-
y: 30
111+
x: 'Samsung',
112+
y: 4,
108113
},
109114
{
110-
x: 'MNO',
111-
y: 20
115+
x: 'Huawei',
116+
y: 7,
112117
},
113118
{
114-
x: 'CDE',
115-
y: 30
116-
}
117-
]
118-
}
119+
x: 'Microsoft',
120+
y: 11,
121+
},
122+
{
123+
x: 'Amazon',
124+
y: 31,
125+
},
126+
{
127+
x: 'Lenovo',
128+
y: 13,
129+
},
130+
],
131+
},
132+
{
133+
name: 'Mobile',
134+
data: [
135+
{
136+
x: 'Apple',
137+
y: 10,
138+
},
139+
{
140+
x: 'Samsung',
141+
y: 20,
142+
},
143+
{
144+
x: 'Huawei',
145+
y: 51,
146+
},
147+
{
148+
x: 'Xiaomi',
149+
y: 30,
150+
},
151+
],
152+
},
119153
],
120154
options: {
121155
legend: {
122-
show: false
156+
show: true,
157+
offsetY: 10,
158+
height: 30,
123159
},
124160
chart: {
125161
height: 350,
126-
type: 'treemap'
162+
type: 'treemap',
127163
},
128164
title: {
129165
text: 'Multi-dimensional Treemap',
130-
align: 'center'
166+
align: 'center',
167+
},
168+
plotOptions: {
169+
treemap: {},
131170
}
132171
},
133172

‎samples/source/treemap/multi-dimensional.xml

Lines changed: 67 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -11,15 +11,20 @@
1111
<chart>
1212
<options>
1313
legend: {
14-
show: false
14+
show: true,
15+
offsetY: 10,
16+
height: 30,
1517
},
1618
chart: {
1719
height: 350,
18-
type: 'treemap'
20+
type: 'treemap',
1921
},
2022
title: {
2123
text: 'Multi-dimensional Treemap',
22-
align: 'center'
24+
align: 'center',
25+
},
26+
plotOptions: {
27+
treemap: {},
2328
}
2429
</options>
2530

@@ -29,48 +34,82 @@ title: {
2934
name: 'Desktops',
3035
data: [
3136
{
32-
x: 'ABC',
33-
y: 10
37+
x: 'Apple',
38+
y: 50,
3439
},
3540
{
36-
x: 'DEF',
37-
y: 60
41+
x: 'Acer',
42+
y: 30,
3843
},
3944
{
40-
x: 'XYZ',
41-
y: 41
42-
}
43-
]
45+
x: 'Asus',
46+
y: 21,
47+
},
48+
],
4449
},
4550
{
46-
name: 'Mobile',
51+
name: 'Laptops',
52+
data: [
53+
{
54+
x: 'Dell',
55+
y: 21,
56+
},
57+
{
58+
x: 'HP',
59+
y: 16,
60+
},
61+
{
62+
x: 'Lenovo',
63+
y: 20,
64+
},
65+
],
66+
},
67+
{
68+
name: 'Tablets',
4769
data: [
4870
{
49-
x: 'ABCD',
50-
y: 10
71+
x: 'Samsung',
72+
y: 4,
5173
},
5274
{
53-
x: 'DEFG',
54-
y: 20
75+
x: 'Huawei',
76+
y: 7,
5577
},
5678
{
57-
x: 'WXYZ',
58-
y: 51
79+
x: 'Microsoft',
80+
y: 11,
5981
},
6082
{
61-
x: 'PQR',
62-
y: 30
83+
x: 'Amazon',
84+
y: 31,
6385
},
6486
{
65-
x: 'MNO',
66-
y: 20
87+
x: 'Lenovo',
88+
y: 13,
89+
},
90+
],
91+
},
92+
{
93+
name: 'Mobile',
94+
data: [
95+
{
96+
x: 'Apple',
97+
y: 10,
6798
},
6899
{
69-
x: 'CDE',
70-
y: 30
71-
}
72-
]
73-
}
74-
]
100+
x: 'Samsung',
101+
y: 20,
102+
},
103+
{
104+
x: 'Huawei',
105+
y: 51,
106+
},
107+
{
108+
x: 'Xiaomi',
109+
y: 30,
110+
},
111+
],
112+
},
113+
]
75114
</series>
76115
</chart>

‎samples/vanilla-js/treemap/multi-dimensional.html

Lines changed: 66 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -61,59 +61,98 @@
6161
name: 'Desktops',
6262
data: [
6363
{
64-
x: 'ABC',
65-
y: 10
64+
x: 'Apple',
65+
y: 50,
6666
},
6767
{
68-
x: 'DEF',
69-
y: 60
68+
x: 'Acer',
69+
y: 30,
7070
},
7171
{
72-
x: 'XYZ',
73-
y: 41
74-
}
75-
]
72+
x: 'Asus',
73+
y: 21,
74+
},
75+
],
7676
},
7777
{
78-
name: 'Mobile',
78+
name: 'Laptops',
79+
data: [
80+
{
81+
x: 'Dell',
82+
y: 21,
83+
},
84+
{
85+
x: 'HP',
86+
y: 16,
87+
},
88+
{
89+
x: 'Lenovo',
90+
y: 20,
91+
},
92+
],
93+
},
94+
{
95+
name: 'Tablets',
7996
data: [
8097
{
81-
x: 'ABCD',
82-
y: 10
98+
x: 'Samsung',
99+
y: 4,
100+
},
101+
{
102+
x: 'Huawei',
103+
y: 7,
104+
},
105+
{
106+
x: 'Microsoft',
107+
y: 11,
83108
},
84109
{
85-
x: 'DEFG',
86-
y: 20
110+
x: 'Amazon',
111+
y: 31,
87112
},
88113
{
89-
x: 'WXYZ',
90-
y: 51
114+
x: 'Lenovo',
115+
y: 13,
116+
},
117+
],
118+
},
119+
{
120+
name: 'Mobile',
121+
data: [
122+
{
123+
x: 'Apple',
124+
y: 10,
91125
},
92126
{
93-
x: 'PQR',
94-
y: 30
127+
x: 'Samsung',
128+
y: 20,
95129
},
96130
{
97-
x: 'MNO',
98-
y: 20
131+
x: 'Huawei',
132+
y: 51,
99133
},
100134
{
101-
x: 'CDE',
102-
y: 30
103-
}
104-
]
105-
}
135+
x: 'Xiaomi',
136+
y: 30,
137+
},
138+
],
139+
},
106140
],
107141
legend: {
108-
show: false
142+
show: true,
143+
offsetY: 10,
144+
height: 30,
109145
},
110146
chart: {
111147
height: 350,
112-
type: 'treemap'
148+
type: 'treemap',
113149
},
114150
title: {
115151
text: 'Multi-dimensional Treemap',
116-
align: 'center'
152+
align: 'center',
153+
},
154+
plotOptions: {
155+
treemap: {},
117156
}
118157
};
119158

0 commit comments

Comments
 (0)