-
Notifications
You must be signed in to change notification settings - Fork 1
/
highcharts-3d-area-multiple-chart.js
211 lines (211 loc) · 8.54 KB
/
highcharts-3d-area-multiple-chart.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
/*
* @Author: cui<[email protected]>
* @LastEditors: cui<[email protected]>
* @Date: 2022-09-22 16:29:02
* @LastEditTime: 2022-09-22 16:29:23
* @FilePath: \custom-chart-plugins\highcharts-3d-area-multiple-chart.js
* @Description:
*
* Copyright (c) 2022 by cui<[email protected]>, All Rights Reserved.
*/
function HighCharts3dAreaMultipleChart({ dHelper }) {
let instance = null;
return {
config: {
datas: [
{ label: "dimension", key: "dimension", type: "group", allowSameField: false },
{ label: "metrics", key: "metrics", type: "aggregate", allowSameField: false }
],
styles: [],
i18ns: [],
},
isISOContainer: 'highcharts-3d',
dependency: [
'/custom-chart-plugins/common/highcharts/code/highcharts.js',
'/custom-chart-plugins/common/highcharts/code/highcharts-3d.js',
'/custom-chart-plugins/common/highcharts/code/highcharts-more.js',
'/custom-chart-plugins/common/highcharts/code/css/highcharts.css',
],
meta: {
id: 'highcharts-3d-area-multiple-chart',
name: '[Highcharts][3d][Area][Multiple][Chart]',
icon: 'chart',
requirements: [
{
group: null,
aggregate: null,
},
],
},
onMount(options, context) {
if (!options.containerId || !context.document) return;
const { window: { Highcharts } } = context
const { containerId } = options
instance = Highcharts.chart(containerId, {
chart: {
type: 'area',
options3d: {
enabled: true,
alpha: 15,
beta: 30,
depth: 200
}
},
title: {
text: "Visual comparison of Mountains Panorama"
},
yAxis: {
title: {
text: 'Height Above Sea Level',
x: -40
},
labels: {
format: '{value:,.0f} MAMSL'
},
gridLineDashStyle: 'Dash'
},
xAxis: [{
visible: false
}, {
visible: false
}, {
visible: false
}],
plotOptions: {
area: {
depth: 100,
marker: {
enabled: false
},
states: {
inactive: {
enabled: false
}
}
}
},
tooltip: {
valueSuffix: ' MAMSL'
},
series: [{
name: "Tatra Mountains visible from Rusinowa polana",
lineColor: 'rgb(180,90,50)',
color: 'rgb(200,110,50)',
fillColor: 'rgb(200,110,50)',
data: [
['Murań', 1890],
['Nowy Wierch', 2009],
['Hawrań', 2152],
['Płaczliwa Skała', 2142],
['Szalony Wierch', 2061],
['Karczmarski Wierch', 1438],
['Jagnięcy Szczyt', 2230],
['Czerwona Turnia', 2284],
['Kołowy Szczyt', 2418],
['Czarny Szczyt', 2429],
['Baranie Rogi', 2526],
['Śnieżny Szczyt', 2465],
['Lodowy Szczyt', 2627],
['Lodowa Kopa', 2602],
['Szeroka Jaworzyńska', 2210],
['Horwacki Wierch', 1902],
['Spismichałowa Czuba', 2012],
['Zielona Czuba', 2130],
['Wielicki Szczyt', 2318],
['Gerlach', 2655],
['Batyżowiecki Szczyt', 2448],
['Kaczy Szczyt', 2395],
['Zmarzły Szczyt', 2390],
['Kończysta', 2538],
['Młynarz', 2170],
['Ganek', 2462],
['Wysoka', 2547],
['Ciężki Szczyt', 2520],
['Rysy', 2503],
['Żabi Mnich', 2146],
['Żabi Koń', 2291],
['Żabia Turnia Mięguszowiecka', 2335],
['Wołowa Turnia', 2373]
]
}, {
xAxis: 1,
lineColor: 'rgb(120,160,180)',
color: 'rgb(140,180,200)',
fillColor: 'rgb(140,180,200)',
name: "Dachstein panorama seen from Krippenstein",
data: [
['Kufstein', 2049],
['Hohe Wildstelle', 2746],
['Kleiner Miesberg', 2173],
['Großer Miesberg', 2202],
['Hochstein', 2543],
['Lackner Miesberg', 2232],
['Wasenspitze', 2257],
['Sinabell', 2349],
['Feister Scharte', 2198],
['Eselstein', 2556],
['Landfriedstein', 2536],
['Scheichenspitz', 2667],
['Schmiedstock', 2634],
['Gamsfeldspitze', 2611],
['Edelgriess', 2305],
['Koppenkarstein', 2863],
['Niederer Gjaidstein', 2483],
['Hoher Gjaidstein', 2794],
['Hoher Dachstein', 2995],
['Niederer Dachstein', 2934],
['Hohes Kreuz', 2837],
['Hoher Ochsenkogel', 2513]
]
}, {
xAxis: 2,
lineColor: 'rgb(200, 190, 140)',
color: 'rgb(200, 190, 140)',
fillColor: 'rgb(230, 220, 180)',
name: "Panorama from Col Des Mines",
data: [
['Combin de la Tsessette', 4141],
['Grand Combin de Grafeneire', 4314],
['Combin de Corbassière', 3716],
['Petit Combin', 3672],
['Pointe de Boveire', 3212],
['Grand Aget', 3133],
['Mont Rogneux', 3084],
['Dents du Grand Lé', 2884],
['Monts Telliers', 2951],
['Grand Golliat', 3238],
['Mont Grande Rochère', 3326],
['Mont de la Fouly', 2871],
['Tête de la Payanne', 2452],
['Pointe Allobrogia', 3172],
['Six Blanc', 2334],
['Mont Dolent', 3820],
['Aiguille de Triolet', 3870],
['Le Tour Noir', 3836],
["Aiguille de l'A Neuve", 3753],
["Aiguille d'Argentière", 3900],
["Aiguille du Chardonnet", 3824],
["Aiguille du Tour", 3540],
["Aiguille du Pissoir", 3440],
["Le Catogne", 2598],
["Pointe de Prosom", 2762],
["Pointe Ronde", 2700],
["Mont Buet", 3096],
["Le Cheval Blanc", 2831],
["Pointe de la Finive", 2838],
["Pic de Tenneverge", 2985],
["Pointe d'Aboillon", 2819],
["Tour Sallière", 3220],
["Le Dôme", 3138],
["Haute Cime", 3257],
["Pierre Avoi", 2473],
["Cime de l'Est", 3178]
]
}]
});
},
onUpdated(options, context) { },
onUnMount() { },
onResize(options, context) { }
}
}