@visionaris-bruno/vs-echarts 8.6.1 → 9.0.4
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/README.md +79 -2
- package/fesm2022/visionaris-bruno-vs-echarts.mjs +972 -915
- package/fesm2022/visionaris-bruno-vs-echarts.mjs.map +1 -1
- package/index.d.ts +48 -42
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { OnChanges, OnDestroy, ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
|
|
1
3
|
import * as echarts from 'echarts';
|
|
2
4
|
import { LineSeriesOption, BarSeriesOption, PieSeriesOption, ScatterSeriesOption, FunnelSeriesOption, SunburstSeriesOption, SankeySeriesOption, BoxplotSeriesOption, EChartsOption, SeriesOption } from 'echarts';
|
|
3
5
|
import { CategoryAxisBaseOption, ValueAxisBaseOption } from 'echarts/types/src/coord/axisCommonTypes.js';
|
|
4
6
|
import { TooltipOption } from 'echarts/types/dist/shared';
|
|
5
|
-
import * as i0 from '@angular/core';
|
|
6
|
-
import { OnChanges, OnDestroy, ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
|
|
7
7
|
import * as _visionaris_bruno_vs_echarts from '@visionaris-bruno/vs-echarts';
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
type ChartKey = keyof Omit<IOptionsOverridesWrapper, "axis" | "tooltip">;
|
|
10
|
+
type ISeriesLayoutOpts = {
|
|
10
11
|
coordinateSystem?: 'cartesian2d' | 'polar';
|
|
11
12
|
axisTypes?: {
|
|
12
13
|
x: 'category' | 'value';
|
|
13
14
|
y: 'category' | 'value';
|
|
14
15
|
};
|
|
15
|
-
}
|
|
16
|
-
type ChartKey = keyof Omit<IOptionsOverridesWrapper, "axis" | "tooltip">;
|
|
16
|
+
};
|
|
17
17
|
/** los recibira el director
|
|
18
18
|
*
|
|
19
19
|
*/
|
|
@@ -21,12 +21,12 @@ type VSEChartProduct = {
|
|
|
21
21
|
chartKey: ChartKey;
|
|
22
22
|
baseOptions: EChartsOption;
|
|
23
23
|
};
|
|
24
|
-
interface IEChartBuilder<SeriesType = SeriesOption,
|
|
24
|
+
interface IEChartBuilder<SeriesType = SeriesOption, SeriesConfigOptions = any, DatasetConfigOptions = any> {
|
|
25
25
|
/** producto base */
|
|
26
26
|
baseProduct: VSEChartProduct;
|
|
27
27
|
reset(): void;
|
|
28
28
|
addDataset(data: IEChartData, opts?: DatasetConfigOptions): void;
|
|
29
|
-
addSeries(data: IEChartData, overrides: SeriesType, opts?:
|
|
29
|
+
addSeries(data: IEChartData, overrides: SeriesType, opts?: SeriesConfigOptions): void;
|
|
30
30
|
addTooltip(data: IEChartData, overrides: ITooltipOptionsOverrides): void;
|
|
31
31
|
addPolar(): void;
|
|
32
32
|
addXAxis(data: IEChartData, overrides: IOptionsOverrides["axis"], type?: 'category' | 'value'): void;
|
|
@@ -37,9 +37,9 @@ interface IEChartBuilder<SeriesType = SeriesOption, OptsType = any, DatasetConfi
|
|
|
37
37
|
addCommons(): void;
|
|
38
38
|
addGraphic(): void;
|
|
39
39
|
addDataZoom(): void;
|
|
40
|
-
setValueFormatter(formatter:
|
|
41
|
-
setPalette(palette: string[]
|
|
42
|
-
setColorResolver(resolver: ChartColorResolver
|
|
40
|
+
setValueFormatter(formatter: ChartValueFormatter): void;
|
|
41
|
+
setPalette(palette: string[]): void;
|
|
42
|
+
setColorResolver(resolver: ChartColorResolver): void;
|
|
43
43
|
getResult(): EChartsOption;
|
|
44
44
|
}
|
|
45
45
|
type EChartClickType = 'cross-filter';
|
|
@@ -169,11 +169,11 @@ interface IEChartData {
|
|
|
169
169
|
source: IEChartDataNode[];
|
|
170
170
|
}
|
|
171
171
|
/**
|
|
172
|
-
*
|
|
172
|
+
* ChartValueFormatter
|
|
173
173
|
*
|
|
174
174
|
* Callback para formatear los valores numéricos de las celdas/series.
|
|
175
175
|
*/
|
|
176
|
-
type
|
|
176
|
+
type ChartValueFormatter = (value: number, key: string) => string;
|
|
177
177
|
/**
|
|
178
178
|
* ChartColorResolver
|
|
179
179
|
*
|
|
@@ -195,6 +195,11 @@ interface IOptionsOverridesWrapper extends IOptionsOverrides {
|
|
|
195
195
|
hBoxplot: IHBoxplotOptionsOverrides;
|
|
196
196
|
}
|
|
197
197
|
|
|
198
|
+
/**
|
|
199
|
+
* Provee la configuración de ECharts para ngx-echarts.
|
|
200
|
+
* Llama automáticamente a la inicialización de módulos.
|
|
201
|
+
*/
|
|
202
|
+
declare function provideVSEcharts(): i0.Provider;
|
|
198
203
|
declare function defaultOptionsOverrides(): IOptionsOverridesWrapper;
|
|
199
204
|
|
|
200
205
|
declare class VSEchartsConfigService {
|
|
@@ -207,7 +212,7 @@ declare class VSEchartsConfigService {
|
|
|
207
212
|
}
|
|
208
213
|
|
|
209
214
|
type MakeOpts = {
|
|
210
|
-
valueFormatter?:
|
|
215
|
+
valueFormatter?: ChartValueFormatter;
|
|
211
216
|
palette?: string[];
|
|
212
217
|
colorResolver?: ChartColorResolver;
|
|
213
218
|
axisTypes?: {
|
|
@@ -224,7 +229,7 @@ type MakeBoxplotOpts = MakeOpts & {};
|
|
|
224
229
|
*/
|
|
225
230
|
declare class VSECDirector {
|
|
226
231
|
private builder;
|
|
227
|
-
constructor(builder: IEChartBuilder
|
|
232
|
+
constructor(builder: IEChartBuilder);
|
|
228
233
|
makeBar(data: IEChartData, overrides: IOptionsOverridesWrapper, opts?: MakeBarOpts): void;
|
|
229
234
|
makeBarRadial(data: IEChartData, overrides: IOptionsOverridesWrapper, opts?: MakeBarOpts): void;
|
|
230
235
|
makeLine(data: IEChartData, overrides: IOptionsOverridesWrapper, opts?: MakeLineOpts): void;
|
|
@@ -243,11 +248,11 @@ declare abstract class BaseEchartsComponent implements OnChanges, OnDestroy {
|
|
|
243
248
|
data: IEChartData;
|
|
244
249
|
optionsOverrides: IOptionsOverridesWrapper;
|
|
245
250
|
/** Paleta de colores básica */
|
|
246
|
-
palette
|
|
251
|
+
palette: string[];
|
|
247
252
|
/** Resolver de colores dinámico (Callback) */
|
|
248
253
|
colorResolver?: ChartColorResolver;
|
|
249
254
|
/** Formateador de valores para etiquetas y tooltips */
|
|
250
|
-
valueFormatter
|
|
255
|
+
valueFormatter: ChartValueFormatter;
|
|
251
256
|
chartClick: EventEmitter<{
|
|
252
257
|
type: EChartClickType;
|
|
253
258
|
data: any;
|
|
@@ -343,7 +348,7 @@ declare abstract class BaseEchartsComponent implements OnChanges, OnDestroy {
|
|
|
343
348
|
*/
|
|
344
349
|
declare class RingBuilder implements IEChartBuilder<PieSeriesOption> {
|
|
345
350
|
baseProduct: VSEChartProduct;
|
|
346
|
-
protected valueFormatter:
|
|
351
|
+
protected valueFormatter: ChartValueFormatter;
|
|
347
352
|
protected palette: string[];
|
|
348
353
|
protected colorResolver?: ChartColorResolver;
|
|
349
354
|
protected result: EChartsOption;
|
|
@@ -361,9 +366,9 @@ declare class RingBuilder implements IEChartBuilder<PieSeriesOption> {
|
|
|
361
366
|
addAngleAxis(data: IEChartData, overrides: IOptionsOverrides["axis"]): void;
|
|
362
367
|
addDataZoom(): void;
|
|
363
368
|
addDataset(data: IEChartData, opts?: any): void;
|
|
364
|
-
setValueFormatter(formatter:
|
|
365
|
-
setPalette(palette: string[]
|
|
366
|
-
setColorResolver(resolver: ChartColorResolver
|
|
369
|
+
setValueFormatter(formatter: ChartValueFormatter): void;
|
|
370
|
+
setPalette(palette: string[]): void;
|
|
371
|
+
setColorResolver(resolver: ChartColorResolver): void;
|
|
367
372
|
getResult(): EChartsOption;
|
|
368
373
|
private formatCellValue;
|
|
369
374
|
}
|
|
@@ -409,7 +414,7 @@ declare class EchartsRingComponent extends BaseEchartsComponent {
|
|
|
409
414
|
*/
|
|
410
415
|
declare class PieBuilder implements IEChartBuilder<PieSeriesOption> {
|
|
411
416
|
baseProduct: VSEChartProduct;
|
|
412
|
-
protected valueFormatter:
|
|
417
|
+
protected valueFormatter: ChartValueFormatter;
|
|
413
418
|
protected palette: string[];
|
|
414
419
|
protected colorResolver?: ChartColorResolver;
|
|
415
420
|
protected result: EChartsOption;
|
|
@@ -427,9 +432,9 @@ declare class PieBuilder implements IEChartBuilder<PieSeriesOption> {
|
|
|
427
432
|
addGraphic(): void;
|
|
428
433
|
addDataZoom(): void;
|
|
429
434
|
addDataset(data: IEChartData, opts?: any): void;
|
|
430
|
-
setValueFormatter(formatter:
|
|
431
|
-
setPalette(palette: string[]
|
|
432
|
-
setColorResolver(resolver: ChartColorResolver
|
|
435
|
+
setValueFormatter(formatter: ChartValueFormatter): void;
|
|
436
|
+
setPalette(palette: string[]): void;
|
|
437
|
+
setColorResolver(resolver: ChartColorResolver): void;
|
|
433
438
|
getResult(): EChartsOption;
|
|
434
439
|
private formatCellValue;
|
|
435
440
|
}
|
|
@@ -459,7 +464,7 @@ declare class EchartsPieComponent extends BaseEchartsComponent {
|
|
|
459
464
|
*/
|
|
460
465
|
declare class FunnelBuilder implements IEChartBuilder<FunnelSeriesOption> {
|
|
461
466
|
baseProduct: VSEChartProduct;
|
|
462
|
-
protected valueFormatter:
|
|
467
|
+
protected valueFormatter: ChartValueFormatter;
|
|
463
468
|
protected palette: string[];
|
|
464
469
|
protected colorResolver?: ChartColorResolver;
|
|
465
470
|
protected result: EChartsOption;
|
|
@@ -477,7 +482,7 @@ declare class FunnelBuilder implements IEChartBuilder<FunnelSeriesOption> {
|
|
|
477
482
|
addGraphic(): void;
|
|
478
483
|
addDataZoom(): void;
|
|
479
484
|
addDataset(data: IEChartData, opts?: any): void;
|
|
480
|
-
setValueFormatter(formatter:
|
|
485
|
+
setValueFormatter(formatter: ChartValueFormatter | undefined): void;
|
|
481
486
|
setPalette(palette: string[] | undefined): void;
|
|
482
487
|
setColorResolver(resolver: ChartColorResolver | undefined): void;
|
|
483
488
|
getResult(): EChartsOption;
|
|
@@ -500,6 +505,7 @@ declare class EchartsFunnelComponent extends BaseEchartsComponent {
|
|
|
500
505
|
static ɵcmp: i0.ɵɵComponentDeclaration<EchartsFunnelComponent, "vs-echarts-funnel", never, {}, {}, never, never, true, never>;
|
|
501
506
|
}
|
|
502
507
|
|
|
508
|
+
type EChartBuilderSeriesConfigOpts = ISeriesLayoutOpts & {};
|
|
503
509
|
/**
|
|
504
510
|
* Builder principal.
|
|
505
511
|
*
|
|
@@ -507,9 +513,9 @@ declare class EchartsFunnelComponent extends BaseEchartsComponent {
|
|
|
507
513
|
*
|
|
508
514
|
* Puede verse utilizado en graficos como Lineas y Bars. Siempre que se pueda priorizar utilizar este.
|
|
509
515
|
*/
|
|
510
|
-
declare class EChartBuilder implements IEChartBuilder<SeriesOption & BarSeriesOption & LineSeriesOption & ScatterSeriesOption,
|
|
516
|
+
declare class EChartBuilder implements IEChartBuilder<SeriesOption & BarSeriesOption & LineSeriesOption & ScatterSeriesOption, EChartBuilderSeriesConfigOpts> {
|
|
511
517
|
baseProduct: VSEChartProduct;
|
|
512
|
-
protected valueFormatter:
|
|
518
|
+
protected valueFormatter: ChartValueFormatter;
|
|
513
519
|
protected palette: string[];
|
|
514
520
|
protected colorResolver?: ChartColorResolver;
|
|
515
521
|
protected result: EChartsOption;
|
|
@@ -522,7 +528,7 @@ declare class EChartBuilder implements IEChartBuilder<SeriesOption & BarSeriesOp
|
|
|
522
528
|
* @param overrides
|
|
523
529
|
* @returns
|
|
524
530
|
*/
|
|
525
|
-
addSeries(data: IEChartData, overrides:
|
|
531
|
+
addSeries(data: IEChartData, overrides: BarSeriesOption & LineSeriesOption & ScatterSeriesOption, opts?: ISeriesLayoutOpts): void;
|
|
526
532
|
/**
|
|
527
533
|
* TODO: Mejorar funcion, no me convence como se implemento el tooltip formatter.
|
|
528
534
|
* @param data
|
|
@@ -536,7 +542,7 @@ declare class EChartBuilder implements IEChartBuilder<SeriesOption & BarSeriesOp
|
|
|
536
542
|
addAngleAxis(data: IEChartData, overrides: IOptionsOverrides["axis"]): void;
|
|
537
543
|
addLegend(): void;
|
|
538
544
|
addGraphic(): void;
|
|
539
|
-
addDataset(data: IEChartData
|
|
545
|
+
addDataset(data: IEChartData): void;
|
|
540
546
|
addDataZoom(): void;
|
|
541
547
|
getResult(): EChartsOption;
|
|
542
548
|
/**
|
|
@@ -546,7 +552,7 @@ declare class EChartBuilder implements IEChartBuilder<SeriesOption & BarSeriesOp
|
|
|
546
552
|
/**
|
|
547
553
|
* Permite inyectar un formateador de valores externo.
|
|
548
554
|
*/
|
|
549
|
-
setValueFormatter(formatter:
|
|
555
|
+
setValueFormatter(formatter: ChartValueFormatter): void;
|
|
550
556
|
/**
|
|
551
557
|
* Permite inyectar una paleta de colores básica.
|
|
552
558
|
*/
|
|
@@ -555,8 +561,8 @@ declare class EChartBuilder implements IEChartBuilder<SeriesOption & BarSeriesOp
|
|
|
555
561
|
* Permite inyectar un resolver de colores dinámico.
|
|
556
562
|
*/
|
|
557
563
|
setColorResolver(resolver: ChartColorResolver): void;
|
|
558
|
-
|
|
559
|
-
|
|
564
|
+
private getCategoryAxisOptions;
|
|
565
|
+
private getValueAxisOptions;
|
|
560
566
|
}
|
|
561
567
|
|
|
562
568
|
declare abstract class EchartsBarComponent extends BaseEchartsComponent {
|
|
@@ -672,7 +678,7 @@ declare abstract class EchartsScatterComponent extends BaseEchartsComponent {
|
|
|
672
678
|
|
|
673
679
|
declare class SunburstBuilder implements IEChartBuilder<SunburstSeriesOption> {
|
|
674
680
|
baseProduct: VSEChartProduct;
|
|
675
|
-
protected valueFormatter:
|
|
681
|
+
protected valueFormatter: ChartValueFormatter;
|
|
676
682
|
protected palette: string[];
|
|
677
683
|
protected colorResolver?: ChartColorResolver;
|
|
678
684
|
protected result: EChartsOption;
|
|
@@ -681,7 +687,6 @@ declare class SunburstBuilder implements IEChartBuilder<SunburstSeriesOption> {
|
|
|
681
687
|
addSeries(data: IEChartData, overrides: SunburstSeriesOption): void;
|
|
682
688
|
addTooltip(data: IEChartData, overrides: ITooltipOptionsOverrides): void;
|
|
683
689
|
addCommons(): void;
|
|
684
|
-
addGraphic(): void;
|
|
685
690
|
getResult(): EChartsOption;
|
|
686
691
|
addPolar(): void;
|
|
687
692
|
addXAxis(data: IEChartData, overrides: IOptionsOverrides["axis"], type: "category" | "value"): void;
|
|
@@ -691,10 +696,11 @@ declare class SunburstBuilder implements IEChartBuilder<SunburstSeriesOption> {
|
|
|
691
696
|
addLegend(): void;
|
|
692
697
|
addDataZoom(): void;
|
|
693
698
|
addDataset(data: IEChartData, opts?: any): void;
|
|
699
|
+
addGraphic(): void;
|
|
694
700
|
/**
|
|
695
701
|
* Permite inyectar un formateador de valores externo.
|
|
696
702
|
*/
|
|
697
|
-
setValueFormatter(formatter:
|
|
703
|
+
setValueFormatter(formatter: ChartValueFormatter): void;
|
|
698
704
|
/**
|
|
699
705
|
* Permite inyectar una paleta de colores básica.
|
|
700
706
|
*/
|
|
@@ -722,7 +728,7 @@ declare class EChartsSunburstComponent extends BaseEchartsComponent {
|
|
|
722
728
|
*/
|
|
723
729
|
declare class SankeyBuilder implements IEChartBuilder<SankeySeriesOption> {
|
|
724
730
|
baseProduct: VSEChartProduct;
|
|
725
|
-
protected valueFormatter:
|
|
731
|
+
protected valueFormatter: ChartValueFormatter;
|
|
726
732
|
protected palette: string[];
|
|
727
733
|
protected colorResolver?: ChartColorResolver;
|
|
728
734
|
protected result: EChartsOption;
|
|
@@ -741,9 +747,9 @@ declare class SankeyBuilder implements IEChartBuilder<SankeySeriesOption> {
|
|
|
741
747
|
addCommons(): void;
|
|
742
748
|
addGraphic(): void;
|
|
743
749
|
getResult(): EChartsOption;
|
|
744
|
-
setValueFormatter(formatter:
|
|
745
|
-
setPalette(palette: string[]
|
|
746
|
-
setColorResolver(resolver: ChartColorResolver
|
|
750
|
+
setValueFormatter(formatter: ChartValueFormatter): void;
|
|
751
|
+
setPalette(palette: string[]): void;
|
|
752
|
+
setColorResolver(resolver: ChartColorResolver): void;
|
|
747
753
|
}
|
|
748
754
|
|
|
749
755
|
declare class EchartsSankeyComponent extends BaseEchartsComponent {
|
|
@@ -766,5 +772,5 @@ declare class EChartsHBoxplotComponent extends BaseEchartsComponent {
|
|
|
766
772
|
static ɵcmp: i0.ɵɵComponentDeclaration<EChartsHBoxplotComponent, "vs-echarts-hboxplot", never, {}, {}, never, never, true, never>;
|
|
767
773
|
}
|
|
768
774
|
|
|
769
|
-
export { BaseEchartsComponent, EChartsAreaComponent, EChartsAreaStackComponent, EChartsBarStackedComponent, EChartsBarStackedRadialComponent, EChartsHBarComponent, EChartsHBarStackedComponent, EChartsHBoxplotComponent, EChartsSunburstComponent, EchartsBarComponent, EchartsFunnelComponent, EchartsLineComponent, EchartsPieComponent, EchartsRingComponent, EchartsSankeyComponent, EchartsScatterComponent, VSEchartsConfigService, defaultOptionsOverrides };
|
|
770
|
-
export type { ChartColorResolver, ChartOrientation,
|
|
775
|
+
export { BaseEchartsComponent, EChartsAreaComponent, EChartsAreaStackComponent, EChartsBarStackedComponent, EChartsBarStackedRadialComponent, EChartsHBarComponent, EChartsHBarStackedComponent, EChartsHBoxplotComponent, EChartsSunburstComponent, EchartsBarComponent, EchartsFunnelComponent, EchartsLineComponent, EchartsPieComponent, EchartsRingComponent, EchartsSankeyComponent, EchartsScatterComponent, VSEchartsConfigService, defaultOptionsOverrides, provideVSEcharts };
|
|
776
|
+
export type { ChartColorResolver, ChartOrientation, ChartValueFormatter, EChartClickType, IAreaOptionsOverrides, IAreaStackOptionsOverrides, IAxisOptionsOverrides, IBarOptionsOverrides, IBarStackedOptionsOverrides, IBarStackedRadialOptionsOverrides, IBoxplotOptionsOverrides, IEChartBuilder, IEChartData, IEChartDataNode, IEChartDimension, IFunnelOptionsOverrides, IHBarOptionsOverrides, IHBarStackedOptionsOverrides, IHBoxplotOptionsOverrides, ILineOptionsOverrides, IOptionsOverrides, IOptionsOverridesWrapper, IPieOptionsOverrides, IRingOptionsOverrides, ISankeyOptionsOverrides, IScatterOptionsOverrides, ISeriesLayoutOpts, ISunburstOptionsOverrides, ITooltipOptionsOverrides, NGXEchartsSelectChangeEventData, VSEChartProduct, VSEchartsConfig, VSEchartsLocale };
|