@esfaenza/es-charts 19.2.26 → 20.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/esfaenza-es-charts.mjs +40 -40
- package/fesm2022/esfaenza-es-charts.mjs.map +1 -1
- package/index.d.ts +1676 -3
- package/package.json +3 -3
- package/lib/adapters/BaseAdapter.d.ts +0 -40
- package/lib/adapters/IBaseAdapter.d.ts +0 -35
- package/lib/components/base/base-chart.component.d.ts +0 -304
- package/lib/components/chart-pager/chart-pager.component.d.ts +0 -70
- package/lib/components/specializations/es-area-chart.component.d.ts +0 -53
- package/lib/components/specializations/es-chart.component.d.ts +0 -71
- package/lib/components/specializations/es-line-chart.component.d.ts +0 -112
- package/lib/components/specializations/es-pie-chart.component.d.ts +0 -90
- package/lib/components/specializations/es-vertical-2d-chart.component.d.ts +0 -79
- package/lib/components/specializations/es-vertical-chart.component.d.ts +0 -74
- package/lib/components/specializations/es-vertical-stacked-chart.component.d.ts +0 -74
- package/lib/es-charts.module.d.ts +0 -18
- package/lib/models/EsChaartsModuleConfig.d.ts +0 -24
- package/lib/models/core/ChartDispatcher.d.ts +0 -46
- package/lib/models/core/ChartLoader.d.ts +0 -92
- package/lib/models/core/ChartThemes.d.ts +0 -23
- package/lib/models/data/AreaChartData.d.ts +0 -22
- package/lib/models/data/LineChartData.d.ts +0 -16
- package/lib/models/data/PagedChartData.d.ts +0 -23
- package/lib/models/data/PieChartData.d.ts +0 -13
- package/lib/models/data/Vertical2DChartData.d.ts +0 -27
- package/lib/models/data/VerticalChartData.d.ts +0 -13
- package/lib/models/data/VerticalStackedChartData.d.ts +0 -21
- package/lib/models/data/base/DateValue.d.ts +0 -9
- package/lib/models/data/base/KeyValue.d.ts +0 -9
- package/lib/models/data/base/KeyValueColor.d.ts +0 -11
- package/lib/models/data/base/Limit.d.ts +0 -14
- package/lib/models/data/base/LineSerie.d.ts +0 -28
- package/lib/models/settings/AreaChartSettings.d.ts +0 -10
- package/lib/models/settings/LineChartSettings.d.ts +0 -67
- package/lib/models/settings/PieChartSettings.d.ts +0 -43
- package/lib/models/settings/Vertical2DChartSettings.d.ts +0 -36
- package/lib/models/settings/VerticalChartSettings.d.ts +0 -31
- package/lib/models/settings/VerticalStackedChartSettings.d.ts +0 -31
- package/lib/models/settings/base/BaseInterval.d.ts +0 -13
- package/lib/models/settings/base/BaseSettings.d.ts +0 -67
- package/lib/models/settings/base/LegendPad.d.ts +0 -21
- package/lib/services/AreaChartService.d.ts +0 -32
- package/lib/services/LineChartService.d.ts +0 -48
- package/lib/services/PieChartService.d.ts +0 -27
- package/lib/services/Vertical2DChartService.d.ts +0 -39
- package/lib/services/VerticalChartService.d.ts +0 -33
- package/lib/services/VerticalStackedChartService.d.ts +0 -35
- package/lib/services/base/IBaseService.d.ts +0 -38
- package/lib/tokens.d.ts +0 -13
- package/public-api.d.ts +0 -35
package/index.d.ts
CHANGED
|
@@ -1,5 +1,1678 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, AfterViewInit, OnDestroy, OnInit, OnChanges, ElementRef, NgZone, SimpleChanges, Type, ModuleWithProviders, InjectionToken } from '@angular/core';
|
|
3
|
+
import * as am4charts from '@amcharts/amcharts4/charts';
|
|
4
|
+
import { DateService } from '@esfaenza/extensions';
|
|
5
|
+
import { LocalizationService } from '@esfaenza/localizations';
|
|
6
|
+
import * as i9 from '@angular/common';
|
|
7
|
+
|
|
1
8
|
/**
|
|
2
|
-
*
|
|
9
|
+
* Modello che identifica un limite superiore - inferiore
|
|
3
10
|
*/
|
|
4
|
-
|
|
5
|
-
|
|
11
|
+
declare class Limit {
|
|
12
|
+
upper?: number;
|
|
13
|
+
upperlabel?: string;
|
|
14
|
+
uppercolor?: string;
|
|
15
|
+
lower?: number;
|
|
16
|
+
lowerlabel?: string;
|
|
17
|
+
lowercolor?: string;
|
|
18
|
+
fillColor: string;
|
|
19
|
+
/** @ignore */
|
|
20
|
+
constructor(upper?: number, upperlabel?: string, uppercolor?: string, lower?: number, lowerlabel?: string, lowercolor?: string, fillColor?: string);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Modello che identifica la coppia Data-Valore
|
|
25
|
+
*/
|
|
26
|
+
declare class DateValue {
|
|
27
|
+
d: Date;
|
|
28
|
+
v: number;
|
|
29
|
+
/** @ignore */
|
|
30
|
+
constructor(d: Date, v: number);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* Classe che identifica un intervallo di tempo fra un dato e l'altro
|
|
35
|
+
*/
|
|
36
|
+
declare class BaseInterval {
|
|
37
|
+
/**
|
|
38
|
+
* Numero di unità
|
|
39
|
+
*/
|
|
40
|
+
count: number;
|
|
41
|
+
/**
|
|
42
|
+
* Tipo di unità
|
|
43
|
+
*/
|
|
44
|
+
timeunit: "millisecond" | "second" | "minute" | "hour" | "day" | "week" | "month" | "year";
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
/**
|
|
48
|
+
* Modello che identifica una serie a Linea
|
|
49
|
+
*/
|
|
50
|
+
declare class LineSerie {
|
|
51
|
+
name: string;
|
|
52
|
+
values: DateValue[];
|
|
53
|
+
interval?: BaseInterval;
|
|
54
|
+
color?: string;
|
|
55
|
+
uom?: string;
|
|
56
|
+
fill?: boolean;
|
|
57
|
+
stacked?: boolean;
|
|
58
|
+
hidden?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Costruttore
|
|
61
|
+
*
|
|
62
|
+
* @param {string} name Nome della serie
|
|
63
|
+
* @param {DateValue[]} values Valori della serie
|
|
64
|
+
* @param {BaseInterval} interval Intervallo della serie. Viene utilizzato per gestire Gap e date in Istante Finale
|
|
65
|
+
* @param {string} color Colore della serie, verrà usato sia per la linea base che eventualmente per il riempimento (in caso si utilizzi l'Input **Fill** nel grafico)
|
|
66
|
+
* @param {string} uom Unità di misura da presentare nell'asse delle Y
|
|
67
|
+
* @param {boolean} fill Override della proprietà **Fill** del grafico, specifico per ogni serie
|
|
68
|
+
* @param {boolean} stacked Override della proprietà **Stacked** del grafico, specifico per ogni serie
|
|
69
|
+
* @param {boolean} hidden Indica se la serie deve partire nascosta di default
|
|
70
|
+
*/
|
|
71
|
+
constructor(name: string, values: DateValue[], interval?: BaseInterval, color?: string, uom?: string, fill?: boolean, stacked?: boolean, hidden?: boolean);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
/**
|
|
75
|
+
* Dati relativi a un grafico di tipo LineChart
|
|
76
|
+
*/
|
|
77
|
+
declare class LineChartData {
|
|
78
|
+
series: LineSerie[];
|
|
79
|
+
limit?: Limit | Limit[];
|
|
80
|
+
/**
|
|
81
|
+
* Costruttore
|
|
82
|
+
*
|
|
83
|
+
* @param {LineSerie[]} series Lista di serie da graficare
|
|
84
|
+
* @param {{upper: lower}}
|
|
85
|
+
*/
|
|
86
|
+
constructor(series?: LineSerie[], limit?: Limit | Limit[]);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
/**
|
|
90
|
+
* Modello che identifica la coppia Chiave-Valore con in aggiunta il Colore da usare per la serie che verrà creata da questo modello
|
|
91
|
+
*/
|
|
92
|
+
declare class KeyValueColor {
|
|
93
|
+
k: string;
|
|
94
|
+
v: number;
|
|
95
|
+
c?: string;
|
|
96
|
+
t?: string;
|
|
97
|
+
/** @ignore */
|
|
98
|
+
constructor(k: string, v: number, c?: string, t?: string);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
/**
|
|
102
|
+
* Dati relativi a un grafico di tipo PieChart
|
|
103
|
+
*/
|
|
104
|
+
declare class PieChartData {
|
|
105
|
+
values: KeyValueColor[];
|
|
106
|
+
/**
|
|
107
|
+
* Costruttore
|
|
108
|
+
*
|
|
109
|
+
* @param {KeyValueColor[]} values Lista di Chiave-Valore-Colore che rappresentano ognuno uno spicchio del grafico a torta
|
|
110
|
+
*/
|
|
111
|
+
constructor(values?: KeyValueColor[]);
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
/**
|
|
115
|
+
* Dati relativi a un grafico di tipo VerticalChart
|
|
116
|
+
*/
|
|
117
|
+
declare class VerticalChartData {
|
|
118
|
+
values: KeyValueColor[];
|
|
119
|
+
/**
|
|
120
|
+
* Costruttore
|
|
121
|
+
*
|
|
122
|
+
* @param {KeyValueColor[]} values Lista di Chiave-Valore-Colore che rappresentano ognuno una colonna
|
|
123
|
+
*/
|
|
124
|
+
constructor(values?: KeyValueColor[]);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
/**
|
|
128
|
+
* Modello che identifica la coppia Chiave-Valore
|
|
129
|
+
*/
|
|
130
|
+
declare class KeyValue {
|
|
131
|
+
k: string;
|
|
132
|
+
v: number;
|
|
133
|
+
/** @ignore */
|
|
134
|
+
constructor(k: string, v: number);
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
/**
|
|
138
|
+
* Dati relativi a un grafico di tipo Vertical2DChart
|
|
139
|
+
*/
|
|
140
|
+
declare class Vertical2DChartData {
|
|
141
|
+
groups: {
|
|
142
|
+
name: string;
|
|
143
|
+
values: KeyValue[];
|
|
144
|
+
uom?: string;
|
|
145
|
+
}[];
|
|
146
|
+
colorinfos?: {
|
|
147
|
+
color: string;
|
|
148
|
+
}[];
|
|
149
|
+
/**
|
|
150
|
+
* Costruttore
|
|
151
|
+
*
|
|
152
|
+
* @param {{ name: string; values: KeyValue[];, uom: string }[]} groups Gruppi di valori raggruppati per nome
|
|
153
|
+
* @param {{ color: string }[]} colorinfos Lista dei colori da utilizzare. Vanno a sovrascrivere quelli di default di amcharts
|
|
154
|
+
*/
|
|
155
|
+
constructor(groups?: {
|
|
156
|
+
name: string;
|
|
157
|
+
values: KeyValue[];
|
|
158
|
+
uom?: string;
|
|
159
|
+
}[], colorinfos?: {
|
|
160
|
+
color: string;
|
|
161
|
+
}[]);
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
/**
|
|
165
|
+
* Dati relativi a un grafico di tipo VerticalStackedChart
|
|
166
|
+
*/
|
|
167
|
+
declare class VerticalStackedChartData {
|
|
168
|
+
groups: {
|
|
169
|
+
name: string;
|
|
170
|
+
values: KeyValue[];
|
|
171
|
+
uom?: string;
|
|
172
|
+
}[];
|
|
173
|
+
/**
|
|
174
|
+
* Costruttore
|
|
175
|
+
*
|
|
176
|
+
* @param {{ name: string; values: KeyValue[], uom: string }[]} groups Gruppi di valori raggruppati per nome
|
|
177
|
+
*/
|
|
178
|
+
constructor(groups?: {
|
|
179
|
+
name: string;
|
|
180
|
+
values: KeyValue[];
|
|
181
|
+
uom?: string;
|
|
182
|
+
}[]);
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
/**
|
|
186
|
+
* Dati relativi a un grafico di tipo AreaChart
|
|
187
|
+
*/
|
|
188
|
+
declare class AreaChartData {
|
|
189
|
+
groups: {
|
|
190
|
+
name: Date;
|
|
191
|
+
values: KeyValue[];
|
|
192
|
+
}[];
|
|
193
|
+
interval?: BaseInterval;
|
|
194
|
+
/**
|
|
195
|
+
* Costruttore
|
|
196
|
+
*
|
|
197
|
+
* @param {{ name: Date; values: KeyValue[]; }[]} groups Gruppi di valori raggruppati per data
|
|
198
|
+
* @param {BaseInterval} interval Intervallo della serie. Viene utilizzato per gestire eventuali Gap
|
|
199
|
+
*/
|
|
200
|
+
constructor(groups?: {
|
|
201
|
+
name: Date;
|
|
202
|
+
values: KeyValue[];
|
|
203
|
+
}[], interval?: BaseInterval);
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
/**
|
|
207
|
+
* Interfaccia per l'implementazione di un adapter che possa essere utilizzato al posto del BaseAdapter qualora servisse
|
|
208
|
+
*/
|
|
209
|
+
interface IBaseAdapter {
|
|
210
|
+
/**
|
|
211
|
+
* Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per gli Area Chart
|
|
212
|
+
*/
|
|
213
|
+
adaptDataForAreaChart(anyData: any): AreaChartData;
|
|
214
|
+
/**
|
|
215
|
+
* Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Line Chart
|
|
216
|
+
*/
|
|
217
|
+
adaptDataForLineChart(anyData: any): LineChartData;
|
|
218
|
+
/**
|
|
219
|
+
* Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Pie Chart
|
|
220
|
+
*/
|
|
221
|
+
adaptDataForPieChart(anyData: any): PieChartData;
|
|
222
|
+
/**
|
|
223
|
+
* Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Vertical Chart
|
|
224
|
+
*/
|
|
225
|
+
adaptDataForVerticalChart(anyData: any): VerticalChartData;
|
|
226
|
+
/**
|
|
227
|
+
* Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Vertical Chart a due dimensioni
|
|
228
|
+
*/
|
|
229
|
+
adaptDataForVertical2DChart(anyData: any): Vertical2DChartData;
|
|
230
|
+
/**
|
|
231
|
+
* Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Vertical Chart sovrapposti
|
|
232
|
+
*/
|
|
233
|
+
adaptDataForVerticalStackedChart(anyData: any): VerticalStackedChartData;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
/**
|
|
237
|
+
* Adapter Base da reimplementare per trasformare i dati da una libreria di grafici a questa per evitare di riscrivere tutto il codice di
|
|
238
|
+
* generazione delle serie in caso si fossero usati grafici di altre librerie
|
|
239
|
+
*/
|
|
240
|
+
declare class BaseAdapter implements IBaseAdapter {
|
|
241
|
+
/**
|
|
242
|
+
* Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per gli Area Chart
|
|
243
|
+
*/
|
|
244
|
+
adaptDataForAreaChart(anyData: any): AreaChartData;
|
|
245
|
+
/**
|
|
246
|
+
* Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Line Chart
|
|
247
|
+
*/
|
|
248
|
+
adaptDataForLineChart(anyData: any): LineChartData;
|
|
249
|
+
/**
|
|
250
|
+
* Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Line Chart
|
|
251
|
+
*/
|
|
252
|
+
adaptDataForPieChart(anyData: any): PieChartData;
|
|
253
|
+
/**
|
|
254
|
+
* Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Vertical Chart
|
|
255
|
+
*/
|
|
256
|
+
adaptDataForVerticalChart(anyData: any): VerticalChartData;
|
|
257
|
+
/**
|
|
258
|
+
* Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Vertical Chart a due dimensioni
|
|
259
|
+
*/
|
|
260
|
+
adaptDataForVertical2DChart(anyData: any): Vertical2DChartData;
|
|
261
|
+
/**
|
|
262
|
+
* Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Vertical Chart sovrapposti
|
|
263
|
+
*/
|
|
264
|
+
adaptDataForVerticalStackedChart(anyData: any): VerticalStackedChartData;
|
|
265
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseAdapter, never>;
|
|
266
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<BaseAdapter>;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
/**
|
|
270
|
+
* Classe che identifica le informazioni di Padding per la Legenda
|
|
271
|
+
*/
|
|
272
|
+
declare class LegendPad {
|
|
273
|
+
/**
|
|
274
|
+
* Padding in alto
|
|
275
|
+
*/
|
|
276
|
+
top: number;
|
|
277
|
+
/**
|
|
278
|
+
* Padding in basso
|
|
279
|
+
*/
|
|
280
|
+
bottom: number;
|
|
281
|
+
/**
|
|
282
|
+
* Padding a sinistra
|
|
283
|
+
*/
|
|
284
|
+
left: number;
|
|
285
|
+
/**
|
|
286
|
+
* Padding a destra
|
|
287
|
+
*/
|
|
288
|
+
right: number;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
/**
|
|
292
|
+
* Classe che racchiude le impostazioni base bene o male applicabili ad ogni Grafico
|
|
293
|
+
*/
|
|
294
|
+
declare abstract class BaseSettings {
|
|
295
|
+
/**
|
|
296
|
+
* Utilizza o no la Timeline
|
|
297
|
+
*/
|
|
298
|
+
Timeline: boolean;
|
|
299
|
+
/**
|
|
300
|
+
* Visualizza o no la Legenda
|
|
301
|
+
*/
|
|
302
|
+
Legend: boolean;
|
|
303
|
+
/**
|
|
304
|
+
* Nome del grafico (identificativo univoco)
|
|
305
|
+
*/
|
|
306
|
+
Name: string;
|
|
307
|
+
/**
|
|
308
|
+
* Titolo dell'asse X
|
|
309
|
+
*/
|
|
310
|
+
XAxisTitle: string;
|
|
311
|
+
/**
|
|
312
|
+
* Titolo dell'asse Y
|
|
313
|
+
*/
|
|
314
|
+
YAxisTitle: string;
|
|
315
|
+
/**
|
|
316
|
+
* Dà evidenza, nell'asse X dei momenti in cui cambia il valore
|
|
317
|
+
*/
|
|
318
|
+
ShowTicks: boolean;
|
|
319
|
+
/**
|
|
320
|
+
* Indica se utilizzare il comportamento di default per i click delle serie sulla Legenda. Mettendo questa variabile a **false**
|
|
321
|
+
* e collegando l'output **onSeriesClicked** è possibile generare un evento ogni volta che l'utente fa click su una serie della Legenda
|
|
322
|
+
*/
|
|
323
|
+
HideSeriesOnLabelClick: boolean;
|
|
324
|
+
/**
|
|
325
|
+
* Minima distanza nella griglia fra i valori, modifica la quantità di step fra i valori dell'asse X e quindi la granularità dei dati.
|
|
326
|
+
*
|
|
327
|
+
* Più piccola è, più valori verranno inseriti nell'asse X
|
|
328
|
+
*/
|
|
329
|
+
MinGridDistance: number;
|
|
330
|
+
/**
|
|
331
|
+
* Indica la posizione della Legenda rispetto al grafico
|
|
332
|
+
*/
|
|
333
|
+
LegendPosition: "top" | "bottom" | "left" | "right";
|
|
334
|
+
/**
|
|
335
|
+
* Cerca di aggiustare i vari step dell'asse X ruotandoli e diminuendone le dimensioni abbastanza per mostrarne il più possibile
|
|
336
|
+
*/
|
|
337
|
+
AdaptLabelSizeAndOrientation: boolean;
|
|
338
|
+
/**
|
|
339
|
+
* Padding da applicare alla Legenda in caso si voglia spostare un po'
|
|
340
|
+
*/
|
|
341
|
+
LegendPadding: LegendPad;
|
|
342
|
+
/**
|
|
343
|
+
* Tema da utilizzare, valido solo per il grafico in questione. Gli altri grafici della pagina possono avere stili diversi.
|
|
344
|
+
*
|
|
345
|
+
* Essendo i temi caricati in maniera asincrona in base all'utilizzo utilizzarne tanti diversi in un'unica pagina potrebbe rallentare il primo caricamento
|
|
346
|
+
*/
|
|
347
|
+
Theme: 'spiritedaway' | 'moonrisekingdom' | 'frozen' | 'dark' | 'kelly' | 'material' | 'dataviz' | 'none';
|
|
348
|
+
/**
|
|
349
|
+
* Locale del singolo grafico
|
|
350
|
+
*/
|
|
351
|
+
Locale: string;
|
|
352
|
+
/**
|
|
353
|
+
* Utilizzo o meno delle animazioni. Senza animazioni il grafico è leggermente più performante, specialmente all'aumentare dei punti nella serie
|
|
354
|
+
*/
|
|
355
|
+
Animations: boolean;
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
/**
|
|
359
|
+
* Classe che presenta le impostazioni di generazione per i grafici di tipo AreaChart
|
|
360
|
+
*/
|
|
361
|
+
declare class AreaChartSettings extends BaseSettings {
|
|
362
|
+
/**
|
|
363
|
+
* @ignore
|
|
364
|
+
*/
|
|
365
|
+
constructor();
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
/**
|
|
369
|
+
* Classe che presenta le impostazioni di generazione per i grafici di tipo LineChart
|
|
370
|
+
*/
|
|
371
|
+
declare class LineChartSettings extends BaseSettings {
|
|
372
|
+
/**
|
|
373
|
+
* @ignore
|
|
374
|
+
*/
|
|
375
|
+
constructor();
|
|
376
|
+
/**
|
|
377
|
+
* Indica se sono permessi dei Gap fra un valore e l'altro.
|
|
378
|
+
*
|
|
379
|
+
* Normalmente quando ci sono dei buchi l'ultimo datapoint del buco viene collegato direttamente al primo datapoint disponibile.
|
|
380
|
+
*
|
|
381
|
+
* Impostando questo Input a true invece, posto di aver assegnato la variabile **interval** della classe **LineChartData**, è possibile
|
|
382
|
+
* far apparire il blocco di dati mancanti come un buco vero e proprio, senza alcun collegamento fra i due datapoint estremi
|
|
383
|
+
*/
|
|
384
|
+
AllowGaps: boolean;
|
|
385
|
+
/**
|
|
386
|
+
* Soglia per controllare oltre che numero di datapoint il grafico deve iniziare ad effettuare raggruppamenti considerando l'Input **DataGroupBucketSize**
|
|
387
|
+
*/
|
|
388
|
+
DataGroupingThreshold: number;
|
|
389
|
+
/**
|
|
390
|
+
* Indica il numero massimo di datapoint visualizzabile in una singola vista del grafico. L'eccedenza viene raggruppata e verrà mostrata sullo zoom.
|
|
391
|
+
*
|
|
392
|
+
* ATTENZIONE: Utilizzando il sistema di default di raggruppamento di am-charts si rischia di tagliare via pezzi da serie molto ondulate
|
|
393
|
+
* in quanto il comportamento di default è quello di eliminare i datapoint che non ci stanno, non di interpolarli
|
|
394
|
+
*/
|
|
395
|
+
DataGroupBucketSize: number;
|
|
396
|
+
/**
|
|
397
|
+
* Indica se la curva deve collegare direttamente un datapoint all'altro o se deve fare degli step
|
|
398
|
+
*/
|
|
399
|
+
Step: boolean;
|
|
400
|
+
/**
|
|
401
|
+
* Indica le dimnsioni, in pixel della linea del grafico
|
|
402
|
+
*/
|
|
403
|
+
StrokeSize: number;
|
|
404
|
+
/**
|
|
405
|
+
* Input che permette di rielaborare i dati del grafico per generare un solo Dataset
|
|
406
|
+
*
|
|
407
|
+
* Viene utilizzato semplicemente per dare un tooltip molto più bello/avanzato sullo scorrimentodel cursore all'interno del grafico
|
|
408
|
+
*/
|
|
409
|
+
MergeDatasets: boolean;
|
|
410
|
+
/**
|
|
411
|
+
* Indica se le date che arrivano all'asse X devono essere considerate "Istante finale" e aggiustate di conseguenza.
|
|
412
|
+
* Se non è valorizzata la variabile **interval** della classe **LineChartData** non ha alcun effetto
|
|
413
|
+
*
|
|
414
|
+
* Ad esempio, la data 16/07/2021 con intervallo orario verrebbe trasformata in 15/07/2021 24:00:00 (Ovviamente è utilizzato solo lato presentazione)
|
|
415
|
+
*/
|
|
416
|
+
FinalInstants: boolean;
|
|
417
|
+
/**
|
|
418
|
+
* Indica se effettuare il Fill della serie in modo da non vedere solo la linea ma proprio l'area sottessa completamente colorata
|
|
419
|
+
*/
|
|
420
|
+
Fill: boolean;
|
|
421
|
+
/**
|
|
422
|
+
* Indica se effettuare lo Stack della serie in modo da vedere tutte le linee una sopra l'altra. Implicitamente include anche il **Fill**
|
|
423
|
+
*/
|
|
424
|
+
Stacked: boolean;
|
|
425
|
+
/**
|
|
426
|
+
* Gestisce il minimo dell'asse Y
|
|
427
|
+
*/
|
|
428
|
+
Min: number;
|
|
429
|
+
/**
|
|
430
|
+
* Gestisce il massimo dell'asse Y
|
|
431
|
+
*/
|
|
432
|
+
Max: number;
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
/**
|
|
436
|
+
* Classe che presenta le impostazioni di generazione per i grafici di tipo PieChart
|
|
437
|
+
*/
|
|
438
|
+
declare class PieChartSettings extends BaseSettings {
|
|
439
|
+
/**
|
|
440
|
+
* Indica se apparire in modalità 3D o 2D
|
|
441
|
+
*/
|
|
442
|
+
Mode3D: boolean;
|
|
443
|
+
/**
|
|
444
|
+
* Indica se mostrare o meno le serie con percentuale a 0
|
|
445
|
+
*/
|
|
446
|
+
HideZeroes: boolean;
|
|
447
|
+
/**
|
|
448
|
+
* Percentuale dell'altezza del grafico che viene utilizzata per creare il buco all'interno della ciambella **wink** **wink**
|
|
449
|
+
*/
|
|
450
|
+
DonutRadiusPercentage: number;
|
|
451
|
+
/**
|
|
452
|
+
* Indica se wrappare le label che non stanno nel contenitore
|
|
453
|
+
*/
|
|
454
|
+
LabelsWrap: boolean;
|
|
455
|
+
/**
|
|
456
|
+
* Indica se troncare le label che non stanno nel contenitore
|
|
457
|
+
*/
|
|
458
|
+
LabelsTruncate: boolean;
|
|
459
|
+
/**
|
|
460
|
+
* Indica la dimensione massima che possono assumere le label
|
|
461
|
+
*/
|
|
462
|
+
LabelsWidth: number;
|
|
463
|
+
/**
|
|
464
|
+
* Indica se mostrare o meno le labels
|
|
465
|
+
*/
|
|
466
|
+
LabelsVisible: boolean;
|
|
467
|
+
/**
|
|
468
|
+
* Customizzazioni sulla label del Totale
|
|
469
|
+
*/
|
|
470
|
+
Total: {
|
|
471
|
+
Show: boolean;
|
|
472
|
+
TitleSize: number;
|
|
473
|
+
NumberSize: number;
|
|
474
|
+
UnitOfMeasure: string;
|
|
475
|
+
};
|
|
476
|
+
}
|
|
477
|
+
|
|
478
|
+
/**
|
|
479
|
+
* Classe che presenta le impostazioni di generazione per i grafici di tipo Vertical2DChart
|
|
480
|
+
*/
|
|
481
|
+
declare class Vertical2DChartSettings extends BaseSettings {
|
|
482
|
+
/**
|
|
483
|
+
* @ignore
|
|
484
|
+
*/
|
|
485
|
+
constructor();
|
|
486
|
+
/**
|
|
487
|
+
* Indica la percentuale di cella che la colonna andrà a riempire. Un valore pari a 100 riempirà la cella completamente
|
|
488
|
+
* e tutte le barre risulteranno appiccicate l'un l'altra
|
|
489
|
+
*/
|
|
490
|
+
ColumnWidthPercentage: number;
|
|
491
|
+
/**
|
|
492
|
+
* Indica le dimensioni massime della label associata a un gruppo di barre
|
|
493
|
+
*/
|
|
494
|
+
LabelWidth: number;
|
|
495
|
+
/**
|
|
496
|
+
* Indica la dimensione massima sotto la quale la label associata a un gruppo di barre si inclina cercando di occupare meno spazio
|
|
497
|
+
*/
|
|
498
|
+
LabelVerticalOrientationCutoffWidth: number;
|
|
499
|
+
/**
|
|
500
|
+
* Indica un offset orizzontale da applicare alla label associata a un gruppo di barre qualora fosse compressa a causa della mancanza di spazio
|
|
501
|
+
*/
|
|
502
|
+
LabelRightWhenCompressed: number;
|
|
503
|
+
/**
|
|
504
|
+
* Indica un offset verticale da applicare alla label associata a un gruppo di barre qualora fosse compressa a causa della mancanza di spazio
|
|
505
|
+
*/
|
|
506
|
+
LabelTopWhenCompressed: number;
|
|
507
|
+
/**
|
|
508
|
+
* Indica il padding percentuale rispetto alla cella da lasciare fra un gruppo di barre e l'altro. Un valore pari a 0 indica la mancanza di
|
|
509
|
+
* spazio fra un gruppo e l'altro, un valore pari a 5 indica il 5% della dimensione della cella in cui appare il gruppo come padding a destra e sinistra
|
|
510
|
+
*/
|
|
511
|
+
GroupPaddingPercentage: number;
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
/**
|
|
515
|
+
* Classe che presenta le impostazioni di generazione per i grafici di tipo VerticalChart
|
|
516
|
+
*/
|
|
517
|
+
declare class VerticalChartSettings extends BaseSettings {
|
|
518
|
+
/**
|
|
519
|
+
* @ignore
|
|
520
|
+
*/
|
|
521
|
+
constructor();
|
|
522
|
+
/**
|
|
523
|
+
* Indica la percentuale di cella che la colonna andrà a riempire. Un valore pari a 100 riempirà la cella completamente
|
|
524
|
+
* e tutte le barre risulteranno appiccicate l'un l'altra
|
|
525
|
+
*/
|
|
526
|
+
ColumnWidthPercentage: number;
|
|
527
|
+
/**
|
|
528
|
+
* Indica le dimensioni massime della label associata a un gruppo di barre
|
|
529
|
+
*/
|
|
530
|
+
LabelWidth: number;
|
|
531
|
+
/**
|
|
532
|
+
* Indica la dimensione massima sotto la quale la label associata a un gruppo di barre si inclina cercando di occupare meno spazio
|
|
533
|
+
*/
|
|
534
|
+
LabelVerticalOrientationCutoffWidth: number;
|
|
535
|
+
/**
|
|
536
|
+
* Indica un offset orizzontale da applicare alla label associata a un gruppo di barre qualora fosse compressa a causa della mancanza di spazio
|
|
537
|
+
*/
|
|
538
|
+
LabelRightWhenCompressed: number;
|
|
539
|
+
/**
|
|
540
|
+
* Indica un offset verticale da applicare alla label associata a un gruppo di barre qualora fosse compressa a causa della mancanza di spazio
|
|
541
|
+
*/
|
|
542
|
+
LabelTopWhenCompressed: number;
|
|
543
|
+
}
|
|
544
|
+
|
|
545
|
+
/**
|
|
546
|
+
* Classe che presenta le impostazioni di generazione per i grafici di tipo VerticalStackedChart
|
|
547
|
+
*/
|
|
548
|
+
declare class VerticalStackedChartSettings extends BaseSettings {
|
|
549
|
+
/**
|
|
550
|
+
* @ignore
|
|
551
|
+
*/
|
|
552
|
+
constructor();
|
|
553
|
+
/**
|
|
554
|
+
* Indica la percentuale di cella che la colonna andrà a riempire. Un valore pari a 100 riempirà la cella completamente
|
|
555
|
+
* e tutte le barre risulteranno appiccicate l'un l'altra
|
|
556
|
+
*/
|
|
557
|
+
ColumnWidthPercentage: number;
|
|
558
|
+
/**
|
|
559
|
+
* Indica le dimensioni massime della label associata a un gruppo di barre
|
|
560
|
+
*/
|
|
561
|
+
LabelWidth: number;
|
|
562
|
+
/**
|
|
563
|
+
* Indica la dimensione massima sotto la quale la label associata a un gruppo di barre si inclina cercando di occupare meno spazio
|
|
564
|
+
*/
|
|
565
|
+
LabelVerticalOrientationCutoffWidth: number;
|
|
566
|
+
/**
|
|
567
|
+
* Indica un offset orizzontale da applicare alla label associata a un gruppo di barre qualora fosse compressa a causa della mancanza di spazio
|
|
568
|
+
*/
|
|
569
|
+
LabelRightWhenCompressed: number;
|
|
570
|
+
/**
|
|
571
|
+
* Indica un offset verticale da applicare alla label associata a un gruppo di barre qualora fosse compressa a causa della mancanza di spazio
|
|
572
|
+
*/
|
|
573
|
+
LabelTopWhenCompressed: number;
|
|
574
|
+
}
|
|
575
|
+
|
|
576
|
+
/**
|
|
577
|
+
* Classe che identifica i dati per un grafico generico paginato
|
|
578
|
+
*/
|
|
579
|
+
declare class PagedChartData<T extends LineChartData | PieChartData | Vertical2DChartData | VerticalChartData | VerticalStackedChartData | any> {
|
|
580
|
+
data: T;
|
|
581
|
+
title: string;
|
|
582
|
+
dataRetrieveDto: any;
|
|
583
|
+
dataRetrieveFunction: Function;
|
|
584
|
+
/**
|
|
585
|
+
* Costruttore
|
|
586
|
+
*
|
|
587
|
+
* @param {T} data Dati del grafico
|
|
588
|
+
* @param {string} title Titolo del grafico
|
|
589
|
+
* @param {Object} dataRetrieveDto Dto utilizzato per recuperare i dati di questo grafico
|
|
590
|
+
* @param {Function} dataRetrieveFunction Funzione utilizzata per ottenere i dati di questo grafico
|
|
591
|
+
*/
|
|
592
|
+
constructor(data: T, title: string, dataRetrieveDto: any, dataRetrieveFunction: Function);
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
/**
|
|
596
|
+
* Componente che si occupa della paginazione dei grafici qualora servisse
|
|
597
|
+
*/
|
|
598
|
+
declare class PageChartSelector {
|
|
599
|
+
/**
|
|
600
|
+
* Lista dei dati precaricata in memoria
|
|
601
|
+
*/
|
|
602
|
+
Items: PagedChartData<any>[];
|
|
603
|
+
/**
|
|
604
|
+
* Lista dei Dto da utilizzare per caricare i valori dei vari grafici
|
|
605
|
+
*/
|
|
606
|
+
Dtos: any[];
|
|
607
|
+
/**
|
|
608
|
+
* Dopo aver navigato a un nuovo grafico verranno attesi questi millisecondi prima di richiedere i dati attraverso la **DataRetrieve**.
|
|
609
|
+
*
|
|
610
|
+
* Questo per evitare che l'utente cliccando velocemente "avanti" generi tonnellate di richieste inutili
|
|
611
|
+
*/
|
|
612
|
+
BrowseDelayMs: any;
|
|
613
|
+
/**
|
|
614
|
+
* Indice dell'array **Dtos** o dell'array **Items** da cui iniziare ad emettere i valori, utile per supportare il "back" da un eventuale pagina di dettaglio
|
|
615
|
+
*/
|
|
616
|
+
StartIndex: number;
|
|
617
|
+
/**
|
|
618
|
+
* Indica un cambio di pagina ed emette un oggetto con i dati attuali e l'indice attuale.
|
|
619
|
+
*
|
|
620
|
+
* Qualora la proprietà **data** fosse null indica un evento di "loading"
|
|
621
|
+
*/
|
|
622
|
+
onPageChange: EventEmitter<{
|
|
623
|
+
data: any;
|
|
624
|
+
index: number;
|
|
625
|
+
}>;
|
|
626
|
+
/**
|
|
627
|
+
* Override del titolo di default
|
|
628
|
+
*/
|
|
629
|
+
headerInner_tr: any;
|
|
630
|
+
/**
|
|
631
|
+
* @ignore
|
|
632
|
+
*/
|
|
633
|
+
currentpage: number;
|
|
634
|
+
/**
|
|
635
|
+
* @ignore
|
|
636
|
+
*/
|
|
637
|
+
private currentindex;
|
|
638
|
+
/**
|
|
639
|
+
* @ignore
|
|
640
|
+
*/
|
|
641
|
+
private finalIndex;
|
|
642
|
+
/**
|
|
643
|
+
* @ignore
|
|
644
|
+
*/
|
|
645
|
+
ngOnChanges(): void;
|
|
646
|
+
/**
|
|
647
|
+
* Gestisce un cambio pagina inviando al callback **onPageChange** i dati attuali (siano essi il Dto per il caricamento dati i
|
|
648
|
+
* o i dati già presenti) e l'indice di visualizzazione
|
|
649
|
+
*/
|
|
650
|
+
private handlePageChange;
|
|
651
|
+
/**
|
|
652
|
+
* Visualizza il grafico successivo
|
|
653
|
+
*/
|
|
654
|
+
Next(): void;
|
|
655
|
+
/**
|
|
656
|
+
* Visualizza il grafico precedente
|
|
657
|
+
*/
|
|
658
|
+
Previous(): void;
|
|
659
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PageChartSelector, never>;
|
|
660
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PageChartSelector, "chart-pager", never, { "Items": { "alias": "Items"; "required": false; }; "Dtos": { "alias": "Dtos"; "required": false; }; "BrowseDelayMs": { "alias": "BrowseDelayMs"; "required": false; }; "StartIndex": { "alias": "StartIndex"; "required": false; }; }, { "onPageChange": "onPageChange"; }, ["headerInner_tr"], never, false, never>;
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
/**
|
|
664
|
+
* Interfaccia rappresentante una Service di graficamento generica
|
|
665
|
+
*/
|
|
666
|
+
interface IBaseService<T> {
|
|
667
|
+
/**
|
|
668
|
+
* Adattatore che si occupa della trasformazione fra una tipologia di dati qualsiasi e i Dto utilizzati da questa libreria
|
|
669
|
+
*/
|
|
670
|
+
Adapter: BaseAdapter;
|
|
671
|
+
/**
|
|
672
|
+
* Istanza del grafico vera e propria
|
|
673
|
+
*/
|
|
674
|
+
ChartInstance: T;
|
|
675
|
+
/**
|
|
676
|
+
* Crea e disegna il grafico la prima volta
|
|
677
|
+
*
|
|
678
|
+
* @param {string} name Nome del grafico (Chiave univoca)
|
|
679
|
+
* @param {any} data Dati del grafico, o tipo specifico o tipolegacy che si occuperà di convertire l'**Adapter**
|
|
680
|
+
* @param {any} settings Impostazione per la generazione del grafico
|
|
681
|
+
* @returns {IBaseService<T>} Se stessa nello stato successivo alla graficazione
|
|
682
|
+
*/
|
|
683
|
+
graphicate(name: string, data: any, settings: any): IBaseService<T>;
|
|
684
|
+
/**
|
|
685
|
+
* Aggiorna la sorgente dati del grafico senza ricrearlo da 0. Da usare al posto dei destroy-rebuild
|
|
686
|
+
*
|
|
687
|
+
* NOTA BENE: Mancano le implementazioni, eventualmente svilupparle
|
|
688
|
+
*
|
|
689
|
+
* @param {any} data Nuovi dati da sostituire a quelli precedenti
|
|
690
|
+
*/
|
|
691
|
+
refreshData(data: any): void;
|
|
692
|
+
/**
|
|
693
|
+
* Imposta lo zoom dal **from** al **to**
|
|
694
|
+
*
|
|
695
|
+
* @param {Date} from Inizio dello zoom
|
|
696
|
+
* @param {Date} to Fine dello zoom
|
|
697
|
+
*/
|
|
698
|
+
setSelection(from: Date, to: Date): void;
|
|
699
|
+
}
|
|
700
|
+
|
|
701
|
+
/**
|
|
702
|
+
* Classe di supporto al caricamento dinamico dei vari pezzi di amcharts che mi servono per il grafico (temi, locali, ecc...)
|
|
703
|
+
*
|
|
704
|
+
* Essenzialmente ogni volta che viene creato un grafico, questo acquisisce il tema e il locale applicato IN QUEL MOMENTO,
|
|
705
|
+
* questo significa che per creare due grafici con temi diversi bisogna fare:
|
|
706
|
+
*
|
|
707
|
+
* 1) Caricamento tema 1
|
|
708
|
+
*
|
|
709
|
+
* 2) Creazione grafico 1
|
|
710
|
+
*
|
|
711
|
+
* 3) Scaricamento tema 1
|
|
712
|
+
*
|
|
713
|
+
* 3) Caricamento tema 2
|
|
714
|
+
*
|
|
715
|
+
* 4) Creazione grafico 2
|
|
716
|
+
*
|
|
717
|
+
*/
|
|
718
|
+
declare class ChartLoader {
|
|
719
|
+
private logs;
|
|
720
|
+
/**
|
|
721
|
+
* Indica se attualmente ho le animazioni caricate in modo da non ricaricarle inutilmente
|
|
722
|
+
*/
|
|
723
|
+
private AnimationsAreLoaded;
|
|
724
|
+
/**
|
|
725
|
+
* Indica l'ultimo tema caricato in modo da non ricaricarlo inutilmente qualora il prossimo grafico da creare richieda lo stesso tema
|
|
726
|
+
*/
|
|
727
|
+
private LastLoadedTheme;
|
|
728
|
+
/**
|
|
729
|
+
* Cache dei temi (moduli caricati dinamicamente)
|
|
730
|
+
*/
|
|
731
|
+
private themeCache;
|
|
732
|
+
/**
|
|
733
|
+
* Cache delle localizzazioni (moduli caricati dinamicamente)
|
|
734
|
+
*/
|
|
735
|
+
private localizationCache;
|
|
736
|
+
/**
|
|
737
|
+
* @ignore
|
|
738
|
+
*/
|
|
739
|
+
constructor(logs: boolean);
|
|
740
|
+
/**
|
|
741
|
+
* Applica il tema con le animazioni all'istanza globale di amCharts
|
|
742
|
+
*
|
|
743
|
+
* @param {Object} chartsCore Istanza globale di amCharts
|
|
744
|
+
* @returns {Promise} Promise che identifica la fine del caricamento
|
|
745
|
+
*/
|
|
746
|
+
applyAnimations(chartsCore: any): Promise<any>;
|
|
747
|
+
/**
|
|
748
|
+
* De-applica il tema con le animazioni dall'istanza globale di amCharts
|
|
749
|
+
*
|
|
750
|
+
* @param {Object} chartsCore Istanza globale di amCharts
|
|
751
|
+
* @returns {Promise} Promise che identifica la fine dello scarico
|
|
752
|
+
*/
|
|
753
|
+
unapplyAnimations(chartsCore: any): Promise<any>;
|
|
754
|
+
/**
|
|
755
|
+
* Applica il tema specificato all'istanza globale di amCharts
|
|
756
|
+
*
|
|
757
|
+
* @param {Object} chartsCore Istanza globale di amCharts
|
|
758
|
+
* @param {'spiritedaway' | 'moonrisekingdom' | 'frozen' | 'dark' | 'kelly' | 'material' | 'dataviz' | 'none'} theme Tema da applicare
|
|
759
|
+
* @returns {Promise} Promise che identifica la fine del caricamento
|
|
760
|
+
*/
|
|
761
|
+
applyTheme(chartsCore: any, theme: 'spiritedaway' | 'moonrisekingdom' | 'frozen' | 'dark' | 'kelly' | 'material' | 'dataviz' | 'none'): Promise<any>;
|
|
762
|
+
/**
|
|
763
|
+
* De-applica il tema precedente dall'istanza globale di amCharts
|
|
764
|
+
*
|
|
765
|
+
* @param {Object} chartsCore Istanza globale di amCharts
|
|
766
|
+
*/
|
|
767
|
+
unapplyPreviousTheme(chartsCore: any): void;
|
|
768
|
+
/**
|
|
769
|
+
* Applica il locale specificato all'istanza specifica del grafico
|
|
770
|
+
*
|
|
771
|
+
* @param {amCharts.Chart} chart Istanza specifica del grafico a cui applicare il locale
|
|
772
|
+
* @param {string} locale Locale da applicare
|
|
773
|
+
* @returns {Promise} Promise che identifica la fine del caricamento
|
|
774
|
+
*/
|
|
775
|
+
applyLocale(chart: any, locale: string): Promise<any>;
|
|
776
|
+
/**
|
|
777
|
+
* Permette di importare, se serve un dato tema o localizzazione
|
|
778
|
+
*
|
|
779
|
+
* @param {'lang' | 'themes'} what Oggetto da importare, se localizzazione o tema
|
|
780
|
+
* @param {string} item Chiave dell'oggetto da importare
|
|
781
|
+
*
|
|
782
|
+
* @returns {Promise} Promise che identifica la fine del caricamento
|
|
783
|
+
*/
|
|
784
|
+
importIfNeeded(what: 'lang' | 'themes', item: string): Promise<any>;
|
|
785
|
+
/**
|
|
786
|
+
* @ignore
|
|
787
|
+
*/
|
|
788
|
+
log(text: string): void;
|
|
789
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ChartLoader, never>;
|
|
790
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ChartLoader>;
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
/**
|
|
794
|
+
* Classe che si occupa del dispatch delle operazioni di rendering dei grafici utilizzando una coda per permettere ad ogni grafico di avere temi e localizzazione custom
|
|
795
|
+
*/
|
|
796
|
+
declare class ChartDispatcher {
|
|
797
|
+
private logs;
|
|
798
|
+
/**
|
|
799
|
+
* Coda di inizializzazioni ancora da eseguire. Quando questa è vuota significa che nessuno sta creando grafici
|
|
800
|
+
*/
|
|
801
|
+
private Initializations;
|
|
802
|
+
/**
|
|
803
|
+
* Lista dei grafici inizializzati e attivi in un dato momento (viene registrata la proprietà **name**). Non è possibile registrare due grafici con lo stesso identificativo
|
|
804
|
+
*/
|
|
805
|
+
private InitializedGraphs;
|
|
806
|
+
/**
|
|
807
|
+
* @ignore
|
|
808
|
+
*/
|
|
809
|
+
constructor(logs: boolean);
|
|
810
|
+
/**
|
|
811
|
+
* Registra un grafico da visualizzare insieme alla propria funzione di creazione. Quest'ultima sarà differita fino a che tutti i grafici
|
|
812
|
+
* precedentemente registati non hanno finito la fase di inizializzazione
|
|
813
|
+
*
|
|
814
|
+
* @param {string} name Identificativo del grafico da registrare
|
|
815
|
+
* @param {Function} chartCreationFunction Funzione che fisicamente dovrà occuparsi della creazione del grafico
|
|
816
|
+
*/
|
|
817
|
+
register(name: string, chartCreationFunction: Function): void;
|
|
818
|
+
/**
|
|
819
|
+
* Deregistra un grafico presente. Chiamata generalmente al dispose del grafico in questione quando non dev'essere più mostrato nella pagina corrente
|
|
820
|
+
*
|
|
821
|
+
* @param {string} name Identificativo del grafico da deregistrare
|
|
822
|
+
*/
|
|
823
|
+
deregisterGraph(name: string): void;
|
|
824
|
+
/**
|
|
825
|
+
* Metodo che esegue in maniera sequenziale le funzioni di inizializzazione dei grafici finché presenti
|
|
826
|
+
* in modo che nessun grafico possa essere inizializzato contemporaneamente ad un altro.
|
|
827
|
+
*
|
|
828
|
+
* Questo è il punto chiave che permette di avere per ogni grafico temi e locale differenti
|
|
829
|
+
*/
|
|
830
|
+
private drainInitQueues;
|
|
831
|
+
/**
|
|
832
|
+
* @ignore
|
|
833
|
+
*/
|
|
834
|
+
private log;
|
|
835
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ChartDispatcher, never>;
|
|
836
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ChartDispatcher>;
|
|
837
|
+
}
|
|
838
|
+
|
|
839
|
+
/**
|
|
840
|
+
* Componente Grafico Base che gestisce tutte le cose comuni dei vari grafici istanziabili, come la presenza o menu di una legenda,
|
|
841
|
+
* il tema utilizzato, il locale del singolo grafico, ecc ecc...
|
|
842
|
+
*/
|
|
843
|
+
declare abstract class BaseChartComponent implements AfterViewInit, OnDestroy, OnInit, OnChanges {
|
|
844
|
+
private el;
|
|
845
|
+
private platformId;
|
|
846
|
+
private zone;
|
|
847
|
+
private Charter;
|
|
848
|
+
private Dispatcher;
|
|
849
|
+
private logs;
|
|
850
|
+
private animations;
|
|
851
|
+
private locale;
|
|
852
|
+
private theme;
|
|
853
|
+
/**
|
|
854
|
+
* Titolo per l'asse X
|
|
855
|
+
*/
|
|
856
|
+
XTitle: string;
|
|
857
|
+
/**
|
|
858
|
+
* Titolo per l'asse Y
|
|
859
|
+
*/
|
|
860
|
+
YTitle: string;
|
|
861
|
+
/**
|
|
862
|
+
* Impostazioni di base
|
|
863
|
+
*/
|
|
864
|
+
Settings: BaseSettings;
|
|
865
|
+
/**
|
|
866
|
+
* Presenza o meno della legenda
|
|
867
|
+
*/
|
|
868
|
+
Legend: boolean;
|
|
869
|
+
/**
|
|
870
|
+
* Posizione della legenda
|
|
871
|
+
*/
|
|
872
|
+
LegendPosition: "top" | "bottom" | "left" | "right";
|
|
873
|
+
/**
|
|
874
|
+
* Presenza o meno della timeline
|
|
875
|
+
*/
|
|
876
|
+
Timeline: boolean;
|
|
877
|
+
/**
|
|
878
|
+
* Nome del grafico, fondamentale assegnarlo per permettere alla libreria di schedularne la creazione
|
|
879
|
+
*/
|
|
880
|
+
name: string;
|
|
881
|
+
/**
|
|
882
|
+
* Utilizzo o meno delle animazioni. Senza animazioni il grafico è leggermente più performante, specialmente all'aumentare dei punti nella serie
|
|
883
|
+
*/
|
|
884
|
+
Animations: boolean;
|
|
885
|
+
/**
|
|
886
|
+
* Tema da utilizzare, valido solo per il grafico in questione. Gli altri grafici della pagina possono avere stili diversi.
|
|
887
|
+
*
|
|
888
|
+
* Essendo i temi caricati in maniera asincrona in base all'utilizzo utilizzarne tanti diversi in un'unica pagina potrebbe rallentare il primo caricamento
|
|
889
|
+
*/
|
|
890
|
+
Theme: 'spiritedaway' | 'moonrisekingdom' | 'frozen' | 'dark' | 'kelly' | 'material' | 'dataviz' | 'none';
|
|
891
|
+
/**
|
|
892
|
+
* Locale del singolo grafico
|
|
893
|
+
*/
|
|
894
|
+
Locale: string;
|
|
895
|
+
/**
|
|
896
|
+
* Indica se utilizzare il comportamento di default per i click delle serie sulla Legenda. Mettendo questa variabile a **false**
|
|
897
|
+
* e collegando l'output **onSeriesClicked** è possibile generare un evento ogni volta che l'utente fa click su una serie della Legenda
|
|
898
|
+
*/
|
|
899
|
+
HideSeriesOnLabelClick: boolean;
|
|
900
|
+
/**
|
|
901
|
+
* Minima distanza nella griglia fra i valori, modifica la quantità di step fra i valori dell'asse X e quindi la granularità dei dati.
|
|
902
|
+
*
|
|
903
|
+
* Più piccola è, più valori verranno inseriti nell'asse X
|
|
904
|
+
*/
|
|
905
|
+
MinGridDistance: number;
|
|
906
|
+
/**
|
|
907
|
+
* Cerca di aggiustare i vari step dell'asse X ruotandoli e diminuendone le dimensioni abbastanza per mostrarne il più possibile
|
|
908
|
+
*/
|
|
909
|
+
AdaptLabelSizeAndOrientation: boolean;
|
|
910
|
+
/**
|
|
911
|
+
* Padding da applicare alla Legenda in caso si voglia spostare un po'
|
|
912
|
+
*/
|
|
913
|
+
LegendPadding: LegendPad;
|
|
914
|
+
/**
|
|
915
|
+
* Lista di dto generici che verranno emessi dal sistema di grafici uno per uno attraverso la funzione **DataRetrieve**, che dovranno essere
|
|
916
|
+
* usati per uan sorta di caricamento "paginato" dei grafici
|
|
917
|
+
*/
|
|
918
|
+
DataDtos: any[];
|
|
919
|
+
/**
|
|
920
|
+
* Indice dell'array **DataDtos** o dell'array **DataArray** da cui iniziare ad emettere i valori, utile per supportare il "back" da un eventuale pagina di dettaglio
|
|
921
|
+
*/
|
|
922
|
+
DataDtoStartIndex: number;
|
|
923
|
+
/**
|
|
924
|
+
* Funzione definita lato applicativo che in base al **DataDto** corrente restituisce una Promise del tipo di dati richiesto per il grafico corrente
|
|
925
|
+
*/
|
|
926
|
+
DataRetrieve: (dto: any, index: number) => Promise<any>;
|
|
927
|
+
/**
|
|
928
|
+
* Dopo aver navigato a un nuovo grafico verranno attesi questi millisecondi prima di richiedere i dati attraverso la **DataRetrieve**.
|
|
929
|
+
*
|
|
930
|
+
* Questo per evitare che l'utente cliccando velocemente "avanti" generi tonnellate di richieste inutili
|
|
931
|
+
*/
|
|
932
|
+
BrowseDelayMs: number;
|
|
933
|
+
/**
|
|
934
|
+
* Intestazione dei grafici nel caso si utilizzi la modalità paginata
|
|
935
|
+
*/
|
|
936
|
+
header_tr: any;
|
|
937
|
+
/**
|
|
938
|
+
* Messaggio di caricamento fra un grafico e l'altro
|
|
939
|
+
*/
|
|
940
|
+
loading_template: any;
|
|
941
|
+
/**
|
|
942
|
+
* Evento lanciato sulla selezione di un range di dati o dalla timeline o dal grafico. Valido per tutti i grafici che supportano serie basate sulle date
|
|
943
|
+
*/
|
|
944
|
+
onSelectionChanged: EventEmitter<{
|
|
945
|
+
from: Date;
|
|
946
|
+
to: Date;
|
|
947
|
+
initial: boolean;
|
|
948
|
+
}>;
|
|
949
|
+
/**
|
|
950
|
+
* Evento lanciato dal click di una serie dalla Legenda, a patto che l'Input **HideSeriesOnLabelClick** sia impostato a false
|
|
951
|
+
*/
|
|
952
|
+
onSeriesClicked: EventEmitter<string>;
|
|
953
|
+
/**
|
|
954
|
+
* Evento lanciato all'inizio del caricamento di una nuova pagina del grafico
|
|
955
|
+
*/
|
|
956
|
+
onLoadStart: EventEmitter<void>;
|
|
957
|
+
/**
|
|
958
|
+
* Evento lanciato al termine del caricamento di una nuova pagina del grafico
|
|
959
|
+
*/
|
|
960
|
+
onLoadEnd: EventEmitter<void>;
|
|
961
|
+
/**
|
|
962
|
+
* Evento lanciato al termine della creazione del grafico referenziando l'istanza nativa del grafico creato in modo da poter effettuare modifiche
|
|
963
|
+
* post inizializzazione lato applicativo
|
|
964
|
+
*/
|
|
965
|
+
chartLoaded: EventEmitter<BaseChartComponent>;
|
|
966
|
+
/**
|
|
967
|
+
* Serve a decidere se sarà presente l'interfaccia di paginazione
|
|
968
|
+
*/
|
|
969
|
+
isPaged: boolean;
|
|
970
|
+
/**
|
|
971
|
+
* @ignore
|
|
972
|
+
*/
|
|
973
|
+
private initDone;
|
|
974
|
+
/**
|
|
975
|
+
* Istanza nativa del grafico amcharts. Qualsiasi cosa non fa questa libreria si può prendere questa istanza e modificare a piacimento
|
|
976
|
+
*/
|
|
977
|
+
Chart: am4charts.Chart;
|
|
978
|
+
/**
|
|
979
|
+
* Servizio di graficazione del grafico
|
|
980
|
+
*/
|
|
981
|
+
ChartService: IBaseService<any>;
|
|
982
|
+
/**
|
|
983
|
+
* Variabile che indica se una nuova pagina del grafico è in fase di caricamento
|
|
984
|
+
*/
|
|
985
|
+
loadingChart: boolean;
|
|
986
|
+
/**
|
|
987
|
+
* Dati del grafico. Ogni implementazione gestirà questa variabile in base al proprio tipo di Dati
|
|
988
|
+
*/
|
|
989
|
+
abstract Data: any;
|
|
990
|
+
/**
|
|
991
|
+
* Dati del grafico in modalità paginata, per quando tutte le pagine sono precaricate in memoria (in caso contrario verrebberò utilizzati i **DataDtos**)
|
|
992
|
+
*/
|
|
993
|
+
abstract DataArray: PagedChartData<any>[];
|
|
994
|
+
/**
|
|
995
|
+
* Indica le proprietà specifica per una data implementazione che devono causare un repaint del grafico
|
|
996
|
+
*/
|
|
997
|
+
abstract getSpecificPropertiesToCheck(): string[];
|
|
998
|
+
/**
|
|
999
|
+
* Metodo generico di graficazione, reimplementato dalle varie implementazioni
|
|
1000
|
+
*/
|
|
1001
|
+
abstract graphicate(castedSettings: any): IBaseService<any>;
|
|
1002
|
+
/**
|
|
1003
|
+
* Metodo generico che prende le impostazioni generiche del grafico e le casta alla tipologia giusta per il grafico specifico
|
|
1004
|
+
*/
|
|
1005
|
+
abstract getCastedSettings(): any;
|
|
1006
|
+
/**
|
|
1007
|
+
* Metodo che "Riempie" la classe delle impostazioni con tutte le impostazioni specifiche passate a un dato grafico come Input
|
|
1008
|
+
*/
|
|
1009
|
+
abstract fillSpecificSettings(settingsCasted: any): void;
|
|
1010
|
+
/**
|
|
1011
|
+
* Costruttore
|
|
1012
|
+
*
|
|
1013
|
+
* @param {ElementRef} el Contenitore all'interno del cui viene creato il grafico. Utilizzato per estrapolarne la **ContainerHeight**
|
|
1014
|
+
* @param {Object} platformId piattaforma Angular (browser, ecc...) per essere sicuri che amcharts venga attivato solo lato browser. Non utilizzando SSR nelle applicazioni che consumano questa libreria non è particolarmente significativo, ma non si sa mai
|
|
1015
|
+
* @param {NgZone} zone NgZone di default per permettere di inizializzare il grafico all'infuori di Angular per avere qualche prestazione in più
|
|
1016
|
+
* @param {ChartLoader} Charter Istanza del Loader che si occuperà di caricare in memoria tutto ciò che serve per il grafico attuale (temi, locale, animazioni, ecc...)
|
|
1017
|
+
* @param {ChartDispatcher} Dispatcher Istanza del Dispatcher che si occupa di differire il caricamento dei grafici 1 dopo l'altro in modo che caricamenti pseudo paralleli incasinino tutto
|
|
1018
|
+
* @param {boolean} logs Indica se effettuare log a console o meno, iniettato dalle classi specializzate dal token ESC_DEBUG_MODE
|
|
1019
|
+
* @param {boolean} animations Indica se per questo grafico devono essere attive o meno le animazioni. Impostazione generica presa dal token ESC_ANIMATIONS
|
|
1020
|
+
* @param {string} locale Indica il locale specifico per questo grafico. Impostazione generica presa dal LocalizationService
|
|
1021
|
+
* @param {string} theme Indica il tema specifico per questo grafico. Impostazione generica presa dal token ESC_THEME
|
|
1022
|
+
*/
|
|
1023
|
+
constructor(el: ElementRef, platformId: Object, zone: NgZone, Charter: ChartLoader, Dispatcher: ChartDispatcher, logs: boolean, animations: boolean, locale: string, theme: string);
|
|
1024
|
+
/**
|
|
1025
|
+
* Metodo di inizializzazione post valorizzazione degli input, utilizzato per valorizzare correttamente le proprietà essenziali del grafico (Animazioni, Tema e Locale)
|
|
1026
|
+
*
|
|
1027
|
+
* Viene data priorità ai Settings (HTML), priorità secondaria agli Input diretti (Lato HTML), priorità ultima alle impostazioni globali,
|
|
1028
|
+
* impostate in fase di import del modulo assegnando valori ai token ESC_ANIMATIONS, ESC_THEME
|
|
1029
|
+
*/
|
|
1030
|
+
ngOnInit(): void;
|
|
1031
|
+
/**
|
|
1032
|
+
* Implementazione utilizzata per controllare eventuali proprietà chiave del grafico e rigraficare tutto qualora si rivelasse necessario
|
|
1033
|
+
*
|
|
1034
|
+
* @param {SimpleChanges} changes Indicazione dei cambiamenti sulle proprietà del grafico. Vedere documentazione Angular in merito
|
|
1035
|
+
*/
|
|
1036
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1037
|
+
/**
|
|
1038
|
+
* Nel post inizializzazione, a patto che mi trovi in ambiente "browser", proseguo al caricamento del grafico sull'HTML
|
|
1039
|
+
*/
|
|
1040
|
+
ngAfterViewInit(): void;
|
|
1041
|
+
/**
|
|
1042
|
+
* All'onDestroy scarico il grafico per liberare memoria
|
|
1043
|
+
*/
|
|
1044
|
+
ngOnDestroy(): void;
|
|
1045
|
+
/**
|
|
1046
|
+
* Registra il grafico attuale nel Dispatcher in modo che venga caricato appena possibile
|
|
1047
|
+
*/
|
|
1048
|
+
private dispatchLoadChart;
|
|
1049
|
+
/**
|
|
1050
|
+
* Il caricamento del grafico funziona nel seguente modo:
|
|
1051
|
+
*
|
|
1052
|
+
* 1) Caricamento del tema e delle animazioni, qualora necessari
|
|
1053
|
+
*
|
|
1054
|
+
* 2) Caricamento delle impostazioni specifiche e integrazione con le impostazioni generiche
|
|
1055
|
+
*
|
|
1056
|
+
* 3) Graficazione
|
|
1057
|
+
*
|
|
1058
|
+
* 4) Caricamento del locale
|
|
1059
|
+
*/
|
|
1060
|
+
private loadChart;
|
|
1061
|
+
/**
|
|
1062
|
+
* Riempimento delle impostazioni nella classe Settings. Si danno priorità ai valori già impostati nei Settings,
|
|
1063
|
+
* integrando eventualmente con le proprietà del grafico
|
|
1064
|
+
*
|
|
1065
|
+
* @param {BaseSettings} settings Impostazioni base ricevute dalla specializzazione del grafico
|
|
1066
|
+
*/
|
|
1067
|
+
private fillSettings;
|
|
1068
|
+
/**
|
|
1069
|
+
* Controlla i cambiamenti avvenuti alle proprietà chiave e rieffettua la graficazione qualora necessario
|
|
1070
|
+
*
|
|
1071
|
+
* @param {SimpleChanges} changes Indicazione della modifiche avvenute nei vari Input
|
|
1072
|
+
* @param {string[]} propsToCheck Lista degli Input da controllare per cui una modifica causa una rigraficazione
|
|
1073
|
+
*/
|
|
1074
|
+
private checkPropertiesAndRegraphicateAsNeeded;
|
|
1075
|
+
/**
|
|
1076
|
+
* Funzione che effettua un cambio di pagina per i grafici paginati. Qualora **data** fosse nullo significa che è iniziato un caricamento
|
|
1077
|
+
* e anche lato applicativo il DataRetrieve dovrà considerare che l'assenza di valori non è altro che un'indicazione di inizio caricamento
|
|
1078
|
+
*
|
|
1079
|
+
* Il caricamento di qualsiasi pagina genererà comunque una primo evento con **data** nullo in modo da indicare l'inizio caricamento e
|
|
1080
|
+
* in seconda istanza un altro evento in cui **data** sarà sempre valorizzato, o con il Dto da usare per recuperare i dati, o con i dati
|
|
1081
|
+
* veri e propri già presenti nel **DataArray**
|
|
1082
|
+
*
|
|
1083
|
+
* I callback **onLoadStart** e **onLoadEnd** vengono sempre chiamati
|
|
1084
|
+
*
|
|
1085
|
+
* @param {{ data: LineChartData | PieChartData | Vertical2DChartData | VerticalChartData | any, index: number }} nd Indice del caricamento dati, con eventualmente già i dati se disponibili
|
|
1086
|
+
*/
|
|
1087
|
+
changePage(nd: {
|
|
1088
|
+
data: LineChartData | PieChartData | Vertical2DChartData | VerticalChartData | any;
|
|
1089
|
+
index: number;
|
|
1090
|
+
}): void;
|
|
1091
|
+
/**
|
|
1092
|
+
* Al termine del caricamento dei dati di una pagina questo metodo viene chiamato per rigraficare la situazione con i nuovi dati
|
|
1093
|
+
*
|
|
1094
|
+
* @param {LineChartData | PieChartData | Vertical2DChartData | VerticalChartData | any} data Dati del grafico
|
|
1095
|
+
*/
|
|
1096
|
+
private changePageDataReceived;
|
|
1097
|
+
/**
|
|
1098
|
+
* Ricarica il grafico distruggendo il vecchio e ricreando il nuovo
|
|
1099
|
+
*
|
|
1100
|
+
* Le chiamate a questo metodo possono essere trasformate in chiamate al metodo **graphicate** della Service, se solo quel metodo fosse abbastanza intelligente per capire
|
|
1101
|
+
* le differenze fra il grafico com'era prima e come deve diventare, in modo da non ricrearlo ma semplicemente modificare quello che già è disegnato
|
|
1102
|
+
*/
|
|
1103
|
+
private reloadChart;
|
|
1104
|
+
/**
|
|
1105
|
+
* Permette di aggiungere un blocco di dati in maniera "live" ad un grafico
|
|
1106
|
+
*/
|
|
1107
|
+
addData(chartData: any): void;
|
|
1108
|
+
/**
|
|
1109
|
+
* Funzione che si occupa di caricare i temi necessari per il grafico in oggetto. Prima applica il tema, poi, se serve, applica le animazioni
|
|
1110
|
+
*/
|
|
1111
|
+
private setupAmChartsThemes;
|
|
1112
|
+
/**
|
|
1113
|
+
* @ignore
|
|
1114
|
+
*/
|
|
1115
|
+
private log;
|
|
1116
|
+
/**
|
|
1117
|
+
* Imposta lo zoom dal **from** al **to**
|
|
1118
|
+
*
|
|
1119
|
+
* @param {Date} from Inizio dello zoom
|
|
1120
|
+
* @param {Date} to Fine dello zoom
|
|
1121
|
+
*/
|
|
1122
|
+
setSelection(from: Date, to: Date): void;
|
|
1123
|
+
/**
|
|
1124
|
+
* @ignore
|
|
1125
|
+
*/
|
|
1126
|
+
browserOnly(f: () => void): void;
|
|
1127
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseChartComponent, never>;
|
|
1128
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaseChartComponent, never, never, { "XTitle": { "alias": "XTitle"; "required": false; }; "YTitle": { "alias": "YTitle"; "required": false; }; "Settings": { "alias": "Settings"; "required": false; }; "Legend": { "alias": "Legend"; "required": false; }; "LegendPosition": { "alias": "LegendPosition"; "required": false; }; "Timeline": { "alias": "Timeline"; "required": false; }; "name": { "alias": "name"; "required": false; }; "Animations": { "alias": "Animations"; "required": false; }; "Theme": { "alias": "Theme"; "required": false; }; "Locale": { "alias": "Locale"; "required": false; }; "HideSeriesOnLabelClick": { "alias": "HideSeriesOnLabelClick"; "required": false; }; "MinGridDistance": { "alias": "MinGridDistance"; "required": false; }; "AdaptLabelSizeAndOrientation": { "alias": "AdaptLabelSizeAndOrientation"; "required": false; }; "LegendPadding": { "alias": "LegendPadding"; "required": false; }; "DataDtos": { "alias": "DataDtos"; "required": false; }; "DataDtoStartIndex": { "alias": "DataDtoStartIndex"; "required": false; }; "DataRetrieve": { "alias": "DataRetrieve"; "required": false; }; "BrowseDelayMs": { "alias": "BrowseDelayMs"; "required": false; }; }, { "onSelectionChanged": "onSelectionChanged"; "onSeriesClicked": "onSeriesClicked"; "onLoadStart": "onLoadStart"; "onLoadEnd": "onLoadEnd"; "chartLoaded": "chartLoaded"; }, ["header_tr", "loading_template"], never, true, never>;
|
|
1129
|
+
}
|
|
1130
|
+
|
|
1131
|
+
/**
|
|
1132
|
+
* Componente specifico per la graficazione di un qualsiasi tipo di grafico.
|
|
1133
|
+
*
|
|
1134
|
+
* Si basa sul tipo specificato dalla proprietà **Type**
|
|
1135
|
+
*/
|
|
1136
|
+
declare class EsChartComponent extends BaseChartComponent {
|
|
1137
|
+
private dateService;
|
|
1138
|
+
private adapter;
|
|
1139
|
+
/**
|
|
1140
|
+
* Tipologia di grafico da presentare
|
|
1141
|
+
*/
|
|
1142
|
+
Type: 'pie' | 'line' | 'vertical' | 'vertical-2d' | 'vertical-stacked' | 'area';
|
|
1143
|
+
/**
|
|
1144
|
+
* Dati specifici per il grafico o di un tipo tramutabile al tipo giusto col supporto del **BaseAdapter**
|
|
1145
|
+
*/
|
|
1146
|
+
Data: LineChartData | PieChartData | Vertical2DChartData | VerticalChartData | VerticalStackedChartData | AreaChartData | any;
|
|
1147
|
+
/**
|
|
1148
|
+
* Lista di Dati specifici per un grafico paginato o di cui ogni blocco dati è tramutabile al tipo giusto col supporto del **BaseAdapter**
|
|
1149
|
+
*/
|
|
1150
|
+
DataArray: PagedChartData<LineChartData>[] | PagedChartData<PieChartData>[] | PagedChartData<Vertical2DChartData>[] | PagedChartData<VerticalChartData>[] | PagedChartData<VerticalStackedChartData>[] | PagedChartData<AreaChartData>[] | PagedChartData<any>[];
|
|
1151
|
+
/**
|
|
1152
|
+
* @ignore
|
|
1153
|
+
*/
|
|
1154
|
+
constructor(el: ElementRef, ChartLoader: ChartLoader, ChartDispatcher: ChartDispatcher, dateService: DateService, adapter: BaseAdapter, zone: NgZone, platformId: Object, ESC_DEBUG_MODE: boolean, ESC_ANIMATIONS: boolean, ESC_THEME: string, lc: LocalizationService);
|
|
1155
|
+
/**
|
|
1156
|
+
* Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
|
|
1157
|
+
*/
|
|
1158
|
+
getSpecificPropertiesToCheck(): string[];
|
|
1159
|
+
/**
|
|
1160
|
+
* Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
|
|
1161
|
+
*
|
|
1162
|
+
* @returns {PieChartSettings | AreaChartSettings | LineChartSettings | VerticalChartSettings | Vertical2DChartSettings | VerticalStackedChartSettings} Settings castati al tipo giusto
|
|
1163
|
+
*/
|
|
1164
|
+
getCastedSettings(): AreaChartSettings | LineChartSettings | PieChartSettings | Vertical2DChartSettings | VerticalChartSettings | VerticalStackedChartSettings;
|
|
1165
|
+
/**
|
|
1166
|
+
* Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
|
|
1167
|
+
*
|
|
1168
|
+
* @param {PieChartSettings | AreaChartSettings | LineChartSettings | VerticalChartSettings | Vertical2DChartSettings | VerticalStackedChartSettings} settingsCasted Settings castati al tipo giusto
|
|
1169
|
+
*/
|
|
1170
|
+
fillSpecificSettings(settingsCasted: PieChartSettings | AreaChartSettings | LineChartSettings | VerticalChartSettings | Vertical2DChartSettings | VerticalStackedChartSettings): void;
|
|
1171
|
+
/**
|
|
1172
|
+
* Effettua il rendering di questo grafico in base ai Settings
|
|
1173
|
+
*
|
|
1174
|
+
* @param {PieChartSettings | AreaChartSettings | LineChartSettings | VerticalChartSettings | Vertical2DChartSettings | VerticalStackedChartSettings} settingsCasted Impostazioni di graficazione
|
|
1175
|
+
* @returns {PieChartService | AreaChartService | LineChartService | VerticalChartService | Vertical2DChartService | VerticalStackedChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
|
|
1176
|
+
*/
|
|
1177
|
+
graphicate(settings: PieChartSettings | AreaChartSettings | LineChartSettings | VerticalChartSettings | Vertical2DChartSettings | VerticalStackedChartSettings): any;
|
|
1178
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EsChartComponent, never>;
|
|
1179
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EsChartComponent, "es-chart", never, { "Type": { "alias": "Type"; "required": false; }; "Data": { "alias": "Data"; "required": false; }; "DataArray": { "alias": "DataArray"; "required": false; }; }, {}, never, never, false, never>;
|
|
1180
|
+
}
|
|
1181
|
+
|
|
1182
|
+
/**
|
|
1183
|
+
* Componente specifico per la graficazione di un grafico ad Area
|
|
1184
|
+
*/
|
|
1185
|
+
declare class EsAreaChartComponent extends BaseChartComponent {
|
|
1186
|
+
private adapter;
|
|
1187
|
+
/**
|
|
1188
|
+
* Dati specifici per il grafico o di un tipo tramutabile al tipo **AreaChartData** col supporto del **BaseAdapter**
|
|
1189
|
+
*/
|
|
1190
|
+
Data: AreaChartData | any;
|
|
1191
|
+
/**
|
|
1192
|
+
* Lista di Dati specifici per un grafico paginato o di cui ogni blocco dati è tramutabile al tipo **AreaChartData** col supporto del **BaseAdapter**
|
|
1193
|
+
*/
|
|
1194
|
+
DataArray: PagedChartData<AreaChartData>[] | PagedChartData<any>[];
|
|
1195
|
+
/**
|
|
1196
|
+
* @ignore
|
|
1197
|
+
*/
|
|
1198
|
+
constructor(el: ElementRef, ChartLoader: ChartLoader, ChartDispatcher: ChartDispatcher, adapter: BaseAdapter, zone: NgZone, platformId: Object, ESC_DEBUG_MODE: boolean, ESC_ANIMATIONS: boolean, ESC_THEME: string, lc: LocalizationService);
|
|
1199
|
+
/**
|
|
1200
|
+
* Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
|
|
1201
|
+
*/
|
|
1202
|
+
getSpecificPropertiesToCheck(): string[];
|
|
1203
|
+
/**
|
|
1204
|
+
* Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
|
|
1205
|
+
*
|
|
1206
|
+
* @returns {AreaChartSettings} Settings castati al tipo giusto
|
|
1207
|
+
*/
|
|
1208
|
+
getCastedSettings(): AreaChartSettings;
|
|
1209
|
+
/**
|
|
1210
|
+
* Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
|
|
1211
|
+
*
|
|
1212
|
+
* @param {AreaChartSettings} settingsCasted Settings castati al tipo giusto
|
|
1213
|
+
*/
|
|
1214
|
+
fillSpecificSettings(settingsCasted: AreaChartSettings): void;
|
|
1215
|
+
/**
|
|
1216
|
+
* Effettua il rendering di questo grafico in base ai Settings
|
|
1217
|
+
*
|
|
1218
|
+
* @param {AreaChartSettings} settingsCasted Impostazioni di graficazione
|
|
1219
|
+
* @returns {AreaChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
|
|
1220
|
+
*/
|
|
1221
|
+
graphicate(settingsCasted: AreaChartSettings): any;
|
|
1222
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EsAreaChartComponent, never>;
|
|
1223
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EsAreaChartComponent, "es-area-chart", never, { "Data": { "alias": "Data"; "required": false; }; "DataArray": { "alias": "DataArray"; "required": false; }; }, {}, never, never, false, never>;
|
|
1224
|
+
}
|
|
1225
|
+
|
|
1226
|
+
/**
|
|
1227
|
+
* Componente specifico per la graficazione di un grafico a Linea su un asse temporale
|
|
1228
|
+
*/
|
|
1229
|
+
declare class EsLineChartComponent extends BaseChartComponent {
|
|
1230
|
+
private adapter;
|
|
1231
|
+
private dateService;
|
|
1232
|
+
/**
|
|
1233
|
+
* Dati specifici per il grafico o di un tipo tramutabile al tipo **LineChartData** col supporto del **BaseAdapter**
|
|
1234
|
+
*/
|
|
1235
|
+
Data: LineChartData | any;
|
|
1236
|
+
/**
|
|
1237
|
+
* Lista di Dati specifici per un grafico paginato o di cui ogni blocco dati è tramutabile al tipo **LineChartData** col supporto del **BaseAdapter**
|
|
1238
|
+
*/
|
|
1239
|
+
DataArray: PagedChartData<LineChartData>[] | PagedChartData<any>[];
|
|
1240
|
+
/**
|
|
1241
|
+
* Indica se la curva deve collegare direttamente un datapoint all'altro o se deve fare degli step
|
|
1242
|
+
*/
|
|
1243
|
+
Step: boolean;
|
|
1244
|
+
/**
|
|
1245
|
+
* Indica il numero massimo di datapoint visualizzabile in una singola vista del grafico. L'eccedenza viene raggruppata e verrà mostrata sullo zoom.
|
|
1246
|
+
*
|
|
1247
|
+
* ATTENZIONE: Utilizzando il sistema di default di raggruppamento di am-charts si rischia di tagliare via pezzi da serie molto ondulate
|
|
1248
|
+
* in quanto il comportamento di default è quello di eliminare i datapoint che non ci stanno, non di interpolarli
|
|
1249
|
+
*/
|
|
1250
|
+
DataGroupBucketSize: number;
|
|
1251
|
+
/**
|
|
1252
|
+
* Soglia per controllare oltre che numero di datapoint il grafico deve iniziare ad effettuare raggruppamenti considerando l'Input **DataGroupBucketSize**
|
|
1253
|
+
*/
|
|
1254
|
+
DataGroupingThreshold: number;
|
|
1255
|
+
/**
|
|
1256
|
+
* Indica le dimnsioni, in pixel della linea del grafico
|
|
1257
|
+
*/
|
|
1258
|
+
StrokeSize: number;
|
|
1259
|
+
/**
|
|
1260
|
+
* Indica se sono permessi dei Gap fra un valore e l'altro.
|
|
1261
|
+
*
|
|
1262
|
+
* Normalmente quando ci sono dei buchi l'ultimo datapoint del buco viene collegato direttamente al primo datapoint disponibile.
|
|
1263
|
+
*
|
|
1264
|
+
* Impostando questo Input a true invece, posto di aver assegnato la variabile **interval** della classe **LineChartData**, è possibile
|
|
1265
|
+
* far apparire il blocco di dati mancanti come un buco vero e proprio, senza alcun collegamento fra i due datapoint estremi
|
|
1266
|
+
*/
|
|
1267
|
+
AllowGaps: boolean;
|
|
1268
|
+
/**
|
|
1269
|
+
* Input che permette di rielaborare i dati del grafico per generare un solo Dataset
|
|
1270
|
+
*
|
|
1271
|
+
* Viene utilizzato semplicemente per dare un tooltip molto più bello/avanzato sullo scorrimentodel cursore all'interno del grafico
|
|
1272
|
+
*/
|
|
1273
|
+
MergeDatasets: boolean;
|
|
1274
|
+
/**
|
|
1275
|
+
* Indica se le date che arrivano all'asse X devono essere considerate "Istante finale" e aggiustate di conseguenza.
|
|
1276
|
+
* Se non è valorizzata la variabile **interval** della classe **LineChartData** non ha alcun effetto
|
|
1277
|
+
*
|
|
1278
|
+
* Ad esempio, la data 16/07/2021 con intervallo orario verrebbe trasformata in 15/07/2021 24:00:00 (Ovviamente è utilizzato solo lato presentazione)
|
|
1279
|
+
*/
|
|
1280
|
+
FinalInstants: boolean;
|
|
1281
|
+
/**
|
|
1282
|
+
* Gestisce il minimo dell'asse Y
|
|
1283
|
+
*/
|
|
1284
|
+
Min: number;
|
|
1285
|
+
/**
|
|
1286
|
+
* Gestisce il massimo dell'asse Y
|
|
1287
|
+
*/
|
|
1288
|
+
Max: number;
|
|
1289
|
+
/**
|
|
1290
|
+
* Indica se effettuare il Fill della serie in modo da non vedere solo la linea ma proprio l'area sottessa completamente colorata
|
|
1291
|
+
*/
|
|
1292
|
+
Fill: boolean;
|
|
1293
|
+
/**
|
|
1294
|
+
* Indica se effettuare lo Stack della serie in modo da vedere tutte le linee una sopra l'altra. Implicitamente include anche il **Fill**
|
|
1295
|
+
*/
|
|
1296
|
+
Stacked: boolean;
|
|
1297
|
+
/**
|
|
1298
|
+
* @ignore
|
|
1299
|
+
*/
|
|
1300
|
+
constructor(el: ElementRef, ChartLoader: ChartLoader, ChartDispatcher: ChartDispatcher, adapter: BaseAdapter, dateService: DateService, zone: NgZone, platformId: Object, ESC_DEBUG_MODE: boolean, ESC_ANIMATIONS: boolean, ESC_THEME: string, lc: LocalizationService);
|
|
1301
|
+
/**
|
|
1302
|
+
* Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
|
|
1303
|
+
*/
|
|
1304
|
+
getSpecificPropertiesToCheck(): string[];
|
|
1305
|
+
/**
|
|
1306
|
+
* Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
|
|
1307
|
+
*
|
|
1308
|
+
* @returns {LineChartSettings} Settings castati al tipo giusto
|
|
1309
|
+
*/
|
|
1310
|
+
getCastedSettings(): LineChartSettings;
|
|
1311
|
+
/**
|
|
1312
|
+
* Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
|
|
1313
|
+
*
|
|
1314
|
+
* @param {LineChartSettings} settingsCasted Settings castati al tipo giusto
|
|
1315
|
+
*/
|
|
1316
|
+
fillSpecificSettings(settingsCasted: LineChartSettings): void;
|
|
1317
|
+
/**
|
|
1318
|
+
* Effettua il rendering di questo grafico in base ai Settings
|
|
1319
|
+
*
|
|
1320
|
+
* @param {LineChartSettings} settingsCasted Impostazioni di graficazione
|
|
1321
|
+
* @returns {LineChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
|
|
1322
|
+
*/
|
|
1323
|
+
graphicate(settingsCasted: LineChartSettings): any;
|
|
1324
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EsLineChartComponent, never>;
|
|
1325
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EsLineChartComponent, "es-line-chart", never, { "Data": { "alias": "Data"; "required": false; }; "DataArray": { "alias": "DataArray"; "required": false; }; "Step": { "alias": "Step"; "required": false; }; "DataGroupBucketSize": { "alias": "DataGroupBucketSize"; "required": false; }; "DataGroupingThreshold": { "alias": "DataGroupingThreshold"; "required": false; }; "StrokeSize": { "alias": "StrokeSize"; "required": false; }; "AllowGaps": { "alias": "AllowGaps"; "required": false; }; "MergeDatasets": { "alias": "MergeDatasets"; "required": false; }; "FinalInstants": { "alias": "FinalInstants"; "required": false; }; "Min": { "alias": "Min"; "required": false; }; "Max": { "alias": "Max"; "required": false; }; "Fill": { "alias": "Fill"; "required": false; }; "Stacked": { "alias": "Stacked"; "required": false; }; }, {}, never, never, false, never>;
|
|
1326
|
+
}
|
|
1327
|
+
|
|
1328
|
+
/**
|
|
1329
|
+
* Componente specifico per la graficazione di un grafico a Torta
|
|
1330
|
+
*/
|
|
1331
|
+
declare class EsPieChartComponent extends BaseChartComponent {
|
|
1332
|
+
private adapter;
|
|
1333
|
+
/**
|
|
1334
|
+
* Dati specifici per il grafico o di un tipo tramutabile al tipo **PieChartData** col supporto del **BaseAdapter**
|
|
1335
|
+
*/
|
|
1336
|
+
Data: PieChartData | any;
|
|
1337
|
+
/**
|
|
1338
|
+
* Lista di Dati specifici per un grafico paginato o di cui ogni blocco dati è tramutabile al tipo **PieChartData** col supporto del **BaseAdapter**
|
|
1339
|
+
*/
|
|
1340
|
+
DataArray: PagedChartData<PieChartData>[] | PagedChartData<any>[];
|
|
1341
|
+
/**
|
|
1342
|
+
* Indica se mostrare o meno le serie con percentuale a 0
|
|
1343
|
+
*/
|
|
1344
|
+
HideZeroes: boolean;
|
|
1345
|
+
/**
|
|
1346
|
+
* Indica se apparire in modalità 3D o 2D
|
|
1347
|
+
*/
|
|
1348
|
+
Mode3D: boolean;
|
|
1349
|
+
/**
|
|
1350
|
+
* Percentuale dell'altezza del grafico che viene utilizzata per creare il buco all'interno della ciambella **wink** **wink**
|
|
1351
|
+
*/
|
|
1352
|
+
DonutRadiusPercentage: number;
|
|
1353
|
+
/**
|
|
1354
|
+
* Indica se wrappare le label che non stanno nel contenitore
|
|
1355
|
+
*/
|
|
1356
|
+
LabelsWrap: boolean;
|
|
1357
|
+
/**
|
|
1358
|
+
* Indica se troncare le label che non stanno nel contenitore
|
|
1359
|
+
*/
|
|
1360
|
+
LabelsTruncate: boolean;
|
|
1361
|
+
/**
|
|
1362
|
+
* Indica la dimensione massima che possono assumere le label
|
|
1363
|
+
*/
|
|
1364
|
+
LabelsWidth: number;
|
|
1365
|
+
/**
|
|
1366
|
+
* Indica se mostrare o meno le labels
|
|
1367
|
+
*/
|
|
1368
|
+
LabelsVisible: boolean;
|
|
1369
|
+
/**
|
|
1370
|
+
* Indica se mostrare o meno le labels
|
|
1371
|
+
*/
|
|
1372
|
+
Total: {
|
|
1373
|
+
Show: boolean;
|
|
1374
|
+
TitleSize: number;
|
|
1375
|
+
NumberSize: number;
|
|
1376
|
+
UnitOfMeasure: string;
|
|
1377
|
+
};
|
|
1378
|
+
/**
|
|
1379
|
+
* @ignore
|
|
1380
|
+
*/
|
|
1381
|
+
constructor(el: ElementRef, ChartLoader: ChartLoader, ChartDispatcher: ChartDispatcher, adapter: BaseAdapter, zone: NgZone, platformId: Object, ESC_DEBUG_MODE: boolean, ESC_ANIMATIONS: boolean, ESC_THEME: string, lc: LocalizationService);
|
|
1382
|
+
/**
|
|
1383
|
+
* Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
|
|
1384
|
+
*/
|
|
1385
|
+
getSpecificPropertiesToCheck(): string[];
|
|
1386
|
+
/**
|
|
1387
|
+
* Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
|
|
1388
|
+
*
|
|
1389
|
+
* @returns {PieChartSettings} Settings castati al tipo giusto
|
|
1390
|
+
*/
|
|
1391
|
+
getCastedSettings(): PieChartSettings;
|
|
1392
|
+
/**
|
|
1393
|
+
* Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
|
|
1394
|
+
*
|
|
1395
|
+
* @param {PieChartSettings} settingsCasted Settings castati al tipo giusto
|
|
1396
|
+
*/
|
|
1397
|
+
fillSpecificSettings(settingsCasted: PieChartSettings): void;
|
|
1398
|
+
/**
|
|
1399
|
+
* Effettua il rendering di questo grafico in base ai Settings
|
|
1400
|
+
*
|
|
1401
|
+
* @param {PieChartSettings} settingsCasted Impostazioni di graficazione
|
|
1402
|
+
* @returns {PieChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
|
|
1403
|
+
*/
|
|
1404
|
+
graphicate(settingsCasted: PieChartSettings): any;
|
|
1405
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EsPieChartComponent, never>;
|
|
1406
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EsPieChartComponent, "es-pie-chart", never, { "Data": { "alias": "Data"; "required": false; }; "DataArray": { "alias": "DataArray"; "required": false; }; "HideZeroes": { "alias": "HideZeroes"; "required": false; }; "Mode3D": { "alias": "Mode3D"; "required": false; }; "DonutRadiusPercentage": { "alias": "DonutRadiusPercentage"; "required": false; }; "LabelsWrap": { "alias": "LabelsWrap"; "required": false; }; "LabelsTruncate": { "alias": "LabelsTruncate"; "required": false; }; "LabelsWidth": { "alias": "LabelsWidth"; "required": false; }; "LabelsVisible": { "alias": "LabelsVisible"; "required": false; }; "Total": { "alias": "Total"; "required": false; }; }, {}, never, never, false, never>;
|
|
1407
|
+
}
|
|
1408
|
+
|
|
1409
|
+
/**
|
|
1410
|
+
* Componente specifico per la graficazione di un grafico a Barre con due dimensioni
|
|
1411
|
+
*/
|
|
1412
|
+
declare class EsVertical2DChartComponent extends BaseChartComponent {
|
|
1413
|
+
private adapter;
|
|
1414
|
+
/**
|
|
1415
|
+
* Dati specifici per il grafico o di un tipo tramutabile al tipo **Vertical2DChartData** col supporto del **BaseAdapter**
|
|
1416
|
+
*/
|
|
1417
|
+
Data: Vertical2DChartData | any;
|
|
1418
|
+
/**
|
|
1419
|
+
* Lista di Dati specifici per un grafico paginato o di cui ogni blocco dati è tramutabile al tipo **Vertical2DChartData** col supporto del **BaseAdapter**
|
|
1420
|
+
*/
|
|
1421
|
+
DataArray: PagedChartData<Vertical2DChartData>[] | PagedChartData<any>[];
|
|
1422
|
+
/**
|
|
1423
|
+
* Indica la percentuale di cella che la colonna andrà a riempire. Un valore pari a 100 riempirà la cella completamente
|
|
1424
|
+
* e tutte le barre risulteranno appiccicate l'un l'altra
|
|
1425
|
+
*/
|
|
1426
|
+
ColumnWidthPercentage: number;
|
|
1427
|
+
/**
|
|
1428
|
+
* Indica il padding percentuale rispetto alla cella da lasciare fra un gruppo di barre e l'altro. Un valore pari a 0 indica la mancanza di
|
|
1429
|
+
* spazio fra un gruppo e l'altro, un valore pari a 5 indica il 5% della dimensione della cella in cui appare il gruppo come padding a destra e sinistra
|
|
1430
|
+
*/
|
|
1431
|
+
GroupPaddingPercentage: number;
|
|
1432
|
+
/**
|
|
1433
|
+
* Indica le dimensioni massime della label associata a un gruppo di barre
|
|
1434
|
+
*/
|
|
1435
|
+
LabelWidth: number;
|
|
1436
|
+
/**
|
|
1437
|
+
* Indica la dimensione massima sotto la quale la label associata a un gruppo di barre si inclina cercando di occupare meno spazio
|
|
1438
|
+
*/
|
|
1439
|
+
LabelVerticalOrientationCutoffWidth: number;
|
|
1440
|
+
/**
|
|
1441
|
+
* Indica un offset orizzontale da applicare alla label associata a un gruppo di barre qualora fosse compressa a causa della mancanza di spazio
|
|
1442
|
+
*/
|
|
1443
|
+
LabelRightWhenCompressed: number;
|
|
1444
|
+
/**
|
|
1445
|
+
* Indica un offset verticale da applicare alla label associata a un gruppo di barre qualora fosse compressa a causa della mancanza di spazio
|
|
1446
|
+
*/
|
|
1447
|
+
LabelTopWhenCompressed: number;
|
|
1448
|
+
/**
|
|
1449
|
+
* @ignore
|
|
1450
|
+
*/
|
|
1451
|
+
constructor(el: ElementRef, ChartLoader: ChartLoader, ChartDispatcher: ChartDispatcher, adapter: BaseAdapter, zone: NgZone, platformId: Object, ESC_DEBUG_MODE: boolean, ESC_ANIMATIONS: boolean, ESC_THEME: string, lc: LocalizationService);
|
|
1452
|
+
/**
|
|
1453
|
+
* Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
|
|
1454
|
+
*/
|
|
1455
|
+
getSpecificPropertiesToCheck(): string[];
|
|
1456
|
+
/**
|
|
1457
|
+
* Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
|
|
1458
|
+
*
|
|
1459
|
+
* @returns {Vertical2DChartSettings} Settings castati al tipo giusto
|
|
1460
|
+
*/
|
|
1461
|
+
getCastedSettings(): Vertical2DChartSettings;
|
|
1462
|
+
/**
|
|
1463
|
+
* Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
|
|
1464
|
+
*
|
|
1465
|
+
* @param {Vertical2DChartSettings} settingsCasted Settings castati al tipo giusto
|
|
1466
|
+
*/
|
|
1467
|
+
fillSpecificSettings(settingsCasted: Vertical2DChartSettings): void;
|
|
1468
|
+
/**
|
|
1469
|
+
* Effettua il rendering di questo grafico in base ai Settings
|
|
1470
|
+
*
|
|
1471
|
+
* @param {Vertical2DChartSettings} settingsCasted Impostazioni di graficazione
|
|
1472
|
+
* @returns {Vertical2DChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
|
|
1473
|
+
*/
|
|
1474
|
+
graphicate(settingsCasted: Vertical2DChartSettings): any;
|
|
1475
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EsVertical2DChartComponent, never>;
|
|
1476
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EsVertical2DChartComponent, "es-vertical-2d-chart", never, { "Data": { "alias": "Data"; "required": false; }; "DataArray": { "alias": "DataArray"; "required": false; }; "ColumnWidthPercentage": { "alias": "ColumnWidthPercentage"; "required": false; }; "GroupPaddingPercentage": { "alias": "GroupPaddingPercentage"; "required": false; }; "LabelWidth": { "alias": "LabelWidth"; "required": false; }; "LabelVerticalOrientationCutoffWidth": { "alias": "LabelVerticalOrientationCutoffWidth"; "required": false; }; "LabelRightWhenCompressed": { "alias": "LabelRightWhenCompressed"; "required": false; }; "LabelTopWhenCompressed": { "alias": "LabelTopWhenCompressed"; "required": false; }; }, {}, never, never, false, never>;
|
|
1477
|
+
}
|
|
1478
|
+
|
|
1479
|
+
/**
|
|
1480
|
+
* Componente specifico per la graficazione di un grafico a Barre
|
|
1481
|
+
*/
|
|
1482
|
+
declare class EsVerticalChartComponent extends BaseChartComponent {
|
|
1483
|
+
private adapter;
|
|
1484
|
+
/**
|
|
1485
|
+
* Dati specifici per il grafico o di un tipo tramutabile al tipo **VerticalChartData** col supporto del **BaseAdapter**
|
|
1486
|
+
*/
|
|
1487
|
+
Data: VerticalChartData | any;
|
|
1488
|
+
/**
|
|
1489
|
+
* Lista di Dati specifici per un grafico paginato o di cui ogni blocco dati è tramutabile al tipo **VerticalChartData** col supporto del **BaseAdapter**
|
|
1490
|
+
*/
|
|
1491
|
+
DataArray: PagedChartData<VerticalChartData>[] | PagedChartData<any>[];
|
|
1492
|
+
/**
|
|
1493
|
+
* Indica la percentuale di cella che la colonna andrà a riempire. Un valore pari a 100 riempirà la cella completamente
|
|
1494
|
+
* e tutte le barre risulteranno appiccicate l'un l'altra
|
|
1495
|
+
*/
|
|
1496
|
+
ColumnWidthPercentage: number;
|
|
1497
|
+
/**
|
|
1498
|
+
* Indica le dimensioni massime della label associata a un gruppo di barre
|
|
1499
|
+
*/
|
|
1500
|
+
LabelWidth: number;
|
|
1501
|
+
/**
|
|
1502
|
+
* Indica la dimensione massima sotto la quale la label associata a un gruppo di barre si inclina cercando di occupare meno spazio
|
|
1503
|
+
*/
|
|
1504
|
+
LabelVerticalOrientationCutoffWidth: number;
|
|
1505
|
+
/**
|
|
1506
|
+
* Indica un offset orizzontale da applicare alla label associata a un gruppo di barre qualora fosse compressa a causa della mancanza di spazio
|
|
1507
|
+
*/
|
|
1508
|
+
LabelRightWhenCompressed: number;
|
|
1509
|
+
/**
|
|
1510
|
+
* Indica un offset verticale da applicare alla label associata a un gruppo di barre qualora fosse compressa a causa della mancanza di spazio
|
|
1511
|
+
*/
|
|
1512
|
+
LabelTopWhenCompressed: number;
|
|
1513
|
+
/**
|
|
1514
|
+
* @ignore
|
|
1515
|
+
*/
|
|
1516
|
+
constructor(el: ElementRef, ChartLoader: ChartLoader, ChartDispatcher: ChartDispatcher, adapter: BaseAdapter, zone: NgZone, platformId: Object, ESC_DEBUG_MODE: boolean, ESC_ANIMATIONS: boolean, ESC_THEME: string, lc: LocalizationService);
|
|
1517
|
+
/**
|
|
1518
|
+
* Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
|
|
1519
|
+
*/
|
|
1520
|
+
getSpecificPropertiesToCheck(): string[];
|
|
1521
|
+
/**
|
|
1522
|
+
* Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
|
|
1523
|
+
*
|
|
1524
|
+
* @returns {VerticalChartSettings} Settings castati al tipo giusto
|
|
1525
|
+
*/
|
|
1526
|
+
getCastedSettings(): VerticalChartSettings;
|
|
1527
|
+
/**
|
|
1528
|
+
* Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
|
|
1529
|
+
*
|
|
1530
|
+
* @param {VerticalChartSettings} settingsCasted Settings castati al tipo giusto
|
|
1531
|
+
*/
|
|
1532
|
+
fillSpecificSettings(settingsCasted: VerticalChartSettings): void;
|
|
1533
|
+
/**
|
|
1534
|
+
* Effettua il rendering di questo grafico in base ai Settings
|
|
1535
|
+
*
|
|
1536
|
+
* @param {VerticalChartSettings} settingsCasted Impostazioni di graficazione
|
|
1537
|
+
* @returns {VerticalChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
|
|
1538
|
+
*/
|
|
1539
|
+
graphicate(settingsCasted: VerticalChartSettings): any;
|
|
1540
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EsVerticalChartComponent, never>;
|
|
1541
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EsVerticalChartComponent, "es-vertical-chart", never, { "Data": { "alias": "Data"; "required": false; }; "DataArray": { "alias": "DataArray"; "required": false; }; "ColumnWidthPercentage": { "alias": "ColumnWidthPercentage"; "required": false; }; "LabelWidth": { "alias": "LabelWidth"; "required": false; }; "LabelVerticalOrientationCutoffWidth": { "alias": "LabelVerticalOrientationCutoffWidth"; "required": false; }; "LabelRightWhenCompressed": { "alias": "LabelRightWhenCompressed"; "required": false; }; "LabelTopWhenCompressed": { "alias": "LabelTopWhenCompressed"; "required": false; }; }, {}, never, never, false, never>;
|
|
1542
|
+
}
|
|
1543
|
+
|
|
1544
|
+
/**
|
|
1545
|
+
* Componente specifico per la graficazione di un grafico a Barre in modalità Stacked (una serie sopra l'altra)
|
|
1546
|
+
*/
|
|
1547
|
+
declare class EsVerticalStackedChartComponent extends BaseChartComponent {
|
|
1548
|
+
private adapter;
|
|
1549
|
+
/**
|
|
1550
|
+
* Dati specifici per il grafico o di un tipo tramutabile al tipo **VerticalStackedChartData** col supporto del **BaseAdapter**
|
|
1551
|
+
*/
|
|
1552
|
+
Data: VerticalStackedChartData | any;
|
|
1553
|
+
/**
|
|
1554
|
+
* Lista di Dati specifici per un grafico paginato o di cui ogni blocco dati è tramutabile al tipo **VerticalStackedChartData** col supporto del **BaseAdapter**
|
|
1555
|
+
*/
|
|
1556
|
+
DataArray: PagedChartData<VerticalStackedChartData>[] | PagedChartData<any>[];
|
|
1557
|
+
/**
|
|
1558
|
+
* Indica la percentuale di cella che la colonna andrà a riempire. Un valore pari a 100 riempirà la cella completamente
|
|
1559
|
+
* e tutte le barre risulteranno appiccicate l'un l'altra
|
|
1560
|
+
*/
|
|
1561
|
+
ColumnWidthPercentage: number;
|
|
1562
|
+
/**
|
|
1563
|
+
* Indica le dimensioni massime della label associata a un gruppo di barre
|
|
1564
|
+
*/
|
|
1565
|
+
LabelWidth: number;
|
|
1566
|
+
/**
|
|
1567
|
+
* Indica la dimensione massima sotto la quale la label associata a un gruppo di barre si inclina cercando di occupare meno spazio
|
|
1568
|
+
*/
|
|
1569
|
+
LabelVerticalOrientationCutoffWidth: number;
|
|
1570
|
+
/**
|
|
1571
|
+
* Indica un offset orizzontale da applicare alla label associata a un gruppo di barre qualora fosse compressa a causa della mancanza di spazio
|
|
1572
|
+
*/
|
|
1573
|
+
LabelRightWhenCompressed: number;
|
|
1574
|
+
/**
|
|
1575
|
+
* Indica un offset verticale da applicare alla label associata a un gruppo di barre qualora fosse compressa a causa della mancanza di spazio
|
|
1576
|
+
*/
|
|
1577
|
+
LabelTopWhenCompressed: number;
|
|
1578
|
+
/**
|
|
1579
|
+
* @ignore
|
|
1580
|
+
*/
|
|
1581
|
+
constructor(el: ElementRef, ChartLoader: ChartLoader, ChartDispatcher: ChartDispatcher, adapter: BaseAdapter, zone: NgZone, platformId: Object, ESC_DEBUG_MODE: boolean, ESC_ANIMATIONS: boolean, ESC_THEME: string, lc: LocalizationService);
|
|
1582
|
+
/**
|
|
1583
|
+
* Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
|
|
1584
|
+
*/
|
|
1585
|
+
getSpecificPropertiesToCheck(): string[];
|
|
1586
|
+
/**
|
|
1587
|
+
* Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
|
|
1588
|
+
*
|
|
1589
|
+
* @returns {VerticalStackedChartSettings} Settings castati al tipo giusto
|
|
1590
|
+
*/
|
|
1591
|
+
getCastedSettings(): VerticalStackedChartSettings;
|
|
1592
|
+
/**
|
|
1593
|
+
* Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
|
|
1594
|
+
*
|
|
1595
|
+
* @param {VerticalStackedChartSettings} settingsCasted Settings castati al tipo giusto
|
|
1596
|
+
*/
|
|
1597
|
+
fillSpecificSettings(settingsCasted: VerticalStackedChartSettings): void;
|
|
1598
|
+
/**
|
|
1599
|
+
* Effettua il rendering di questo grafico in base ai Settings
|
|
1600
|
+
*
|
|
1601
|
+
* @param {VerticalStackedChartSettings} settingsCasted Impostazioni di graficazione
|
|
1602
|
+
* @returns {VerticalStackedChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
|
|
1603
|
+
*/
|
|
1604
|
+
graphicate(settingsCasted: VerticalStackedChartSettings): any;
|
|
1605
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EsVerticalStackedChartComponent, never>;
|
|
1606
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EsVerticalStackedChartComponent, "es-vertical-stacked-chart", never, { "Data": { "alias": "Data"; "required": false; }; "DataArray": { "alias": "DataArray"; "required": false; }; "ColumnWidthPercentage": { "alias": "ColumnWidthPercentage"; "required": false; }; "LabelWidth": { "alias": "LabelWidth"; "required": false; }; "LabelVerticalOrientationCutoffWidth": { "alias": "LabelVerticalOrientationCutoffWidth"; "required": false; }; "LabelRightWhenCompressed": { "alias": "LabelRightWhenCompressed"; "required": false; }; "LabelTopWhenCompressed": { "alias": "LabelTopWhenCompressed"; "required": false; }; }, {}, never, never, false, never>;
|
|
1607
|
+
}
|
|
1608
|
+
|
|
1609
|
+
/**
|
|
1610
|
+
* Classe per enumerare i temi disponibili nella libreria
|
|
1611
|
+
*/
|
|
1612
|
+
declare class ChartThemes {
|
|
1613
|
+
get spiritedaway(): string;
|
|
1614
|
+
get moonrisekingdom(): string;
|
|
1615
|
+
get frozen(): string;
|
|
1616
|
+
get dark(): string;
|
|
1617
|
+
get kelly(): string;
|
|
1618
|
+
get material(): string;
|
|
1619
|
+
get dataviz(): string;
|
|
1620
|
+
get none(): string;
|
|
1621
|
+
get animated(): string;
|
|
1622
|
+
static get spiritedaway(): string;
|
|
1623
|
+
static get moonrisekingdom(): string;
|
|
1624
|
+
static get frozen(): string;
|
|
1625
|
+
static get dark(): string;
|
|
1626
|
+
static get kelly(): string;
|
|
1627
|
+
static get material(): string;
|
|
1628
|
+
static get dataviz(): string;
|
|
1629
|
+
static get none(): string;
|
|
1630
|
+
static get animated(): string;
|
|
1631
|
+
}
|
|
1632
|
+
|
|
1633
|
+
/**
|
|
1634
|
+
* Classe di configurazione per il modulo entry point della libreria
|
|
1635
|
+
*/
|
|
1636
|
+
declare class EsChartsModuleConfig {
|
|
1637
|
+
/**
|
|
1638
|
+
* Utilizzo o meno di default delle animazioni nei grafici
|
|
1639
|
+
*/
|
|
1640
|
+
animations?: boolean;
|
|
1641
|
+
/**
|
|
1642
|
+
* Tema di default per i grafici
|
|
1643
|
+
*/
|
|
1644
|
+
theme?: 'spiritedaway' | 'moonrisekingdom' | 'frozen' | 'dark' | 'kelly' | 'material' | 'dataviz' | 'none';
|
|
1645
|
+
/**
|
|
1646
|
+
* Adapter per trasformare i dati dei grafici da una versione precedente (con libreria di terze parti) ad una versione digeribile da questa libreria
|
|
1647
|
+
*
|
|
1648
|
+
* Deve implementare l'interfaccia IBaseAdapter
|
|
1649
|
+
*/
|
|
1650
|
+
adapter?: Type<any>;
|
|
1651
|
+
/**
|
|
1652
|
+
* Serve per eventualmente attivare la modalità di debug in cui i messaggi vengono tutti scritti a console
|
|
1653
|
+
*/
|
|
1654
|
+
debugMode?: boolean;
|
|
1655
|
+
}
|
|
1656
|
+
|
|
1657
|
+
declare class EsChartsModule {
|
|
1658
|
+
static forRoot(config?: EsChartsModuleConfig): ModuleWithProviders<EsChartsModule>;
|
|
1659
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EsChartsModule, never>;
|
|
1660
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<EsChartsModule, [typeof EsChartComponent, typeof EsLineChartComponent, typeof EsPieChartComponent, typeof EsVertical2DChartComponent, typeof EsVerticalChartComponent, typeof EsVerticalStackedChartComponent, typeof PageChartSelector, typeof EsAreaChartComponent], [typeof i9.CommonModule], [typeof EsChartComponent, typeof EsLineChartComponent, typeof EsPieChartComponent, typeof EsVertical2DChartComponent, typeof EsVerticalChartComponent, typeof EsVerticalStackedChartComponent, typeof PageChartSelector, typeof EsAreaChartComponent]>;
|
|
1661
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<EsChartsModule>;
|
|
1662
|
+
}
|
|
1663
|
+
|
|
1664
|
+
/**
|
|
1665
|
+
* Token che identifica il default per l'utilizzo o meno delle Animazioni per tutti i grafici, può essere sovrascritto dalle impostazioni locali (Settings e Input)
|
|
1666
|
+
*/
|
|
1667
|
+
declare const ESC_ANIMATIONS: InjectionToken<boolean>;
|
|
1668
|
+
/**
|
|
1669
|
+
* Token che identifica il Tema di default per tutti i grafici, può essere sovrascritto dalle impostazioni locali (Settings e Input)
|
|
1670
|
+
*/
|
|
1671
|
+
declare const ESC_THEME: InjectionToken<string>;
|
|
1672
|
+
/**
|
|
1673
|
+
* Token che identifica l'utilizzo o meno del sistema di Log per l'intera libreria
|
|
1674
|
+
*/
|
|
1675
|
+
declare const ESC_DEBUG_MODE: InjectionToken<string>;
|
|
1676
|
+
|
|
1677
|
+
export { AreaChartData, AreaChartSettings, BaseAdapter, BaseChartComponent, BaseInterval, BaseSettings, ChartThemes, DateValue, ESC_ANIMATIONS, ESC_DEBUG_MODE, ESC_THEME, EsAreaChartComponent, EsChartComponent, EsChartsModule, EsLineChartComponent, EsPieChartComponent, EsVertical2DChartComponent, EsVerticalChartComponent, EsVerticalStackedChartComponent, KeyValue, KeyValueColor, LegendPad, Limit, LineChartData, LineChartSettings, LineSerie, PageChartSelector, PagedChartData, PieChartData, PieChartSettings, Vertical2DChartData, Vertical2DChartSettings, VerticalChartData, VerticalChartSettings, VerticalStackedChartData, VerticalStackedChartSettings };
|
|
1678
|
+
export type { IBaseAdapter };
|