@syncfusion/ej2-angular-charts 23.2.7 → 24.1.41

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.
Files changed (32) hide show
  1. package/esm2020/src/chart/axes.directive.mjs +1 -1
  2. package/esm2020/src/chart/indicators.directive.mjs +1 -1
  3. package/esm2020/src/chart/series.directive.mjs +1 -1
  4. package/esm2020/src/chart3d/axes.directive.mjs +52 -0
  5. package/esm2020/src/chart3d/chart3d-all.module.mjs +68 -0
  6. package/esm2020/src/chart3d/chart3d.component.mjs +189 -0
  7. package/esm2020/src/chart3d/chart3d.module.mjs +70 -0
  8. package/esm2020/src/chart3d/columns.directive.mjs +52 -0
  9. package/esm2020/src/chart3d/rows.directive.mjs +52 -0
  10. package/esm2020/src/chart3d/selecteddataindexes.directive.mjs +52 -0
  11. package/esm2020/src/chart3d/series.directive.mjs +62 -0
  12. package/esm2020/src/index.mjs +9 -1
  13. package/fesm2015/syncfusion-ej2-angular-charts.mjs +773 -219
  14. package/fesm2015/syncfusion-ej2-angular-charts.mjs.map +1 -1
  15. package/fesm2020/syncfusion-ej2-angular-charts.mjs +773 -219
  16. package/fesm2020/syncfusion-ej2-angular-charts.mjs.map +1 -1
  17. package/package.json +11 -10
  18. package/schematics/utils/lib-details.d.ts +3 -3
  19. package/schematics/utils/lib-details.js +3 -3
  20. package/schematics/utils/lib-details.ts +3 -3
  21. package/src/chart/axes.directive.d.ts +18 -19
  22. package/src/chart/indicators.directive.d.ts +6 -6
  23. package/src/chart/series.directive.d.ts +12 -12
  24. package/src/chart3d/axes.directive.d.ts +271 -0
  25. package/src/chart3d/chart3d-all.module.d.ts +26 -0
  26. package/src/chart3d/chart3d.component.d.ts +65 -0
  27. package/src/chart3d/chart3d.module.d.ts +16 -0
  28. package/src/chart3d/columns.directive.d.ts +31 -0
  29. package/src/chart3d/rows.directive.d.ts +31 -0
  30. package/src/chart3d/selecteddataindexes.directive.d.ts +37 -0
  31. package/src/chart3d/series.directive.d.ts +177 -0
  32. package/src/index.d.ts +8 -0
@@ -0,0 +1,65 @@
1
+ import { ElementRef, ViewContainerRef, QueryList, Renderer2, Injector } from '@angular/core';
2
+ import { IComponentBase } from '@syncfusion/ej2-angular-base';
3
+ import { Chart3D } from '@syncfusion/ej2-charts';
4
+ import { Chart3DSeriesCollectionDirective } from './series.directive';
5
+ import { Chart3DAxesDirective } from './axes.directive';
6
+ import { Chart3DRowsDirective } from './rows.directive';
7
+ import { Chart3DColumnsDirective } from './columns.directive';
8
+ import { Chart3DSelectedDataIndexesDirective } from './selecteddataindexes.directive';
9
+ import * as i0 from "@angular/core";
10
+ export declare const inputs: string[];
11
+ export declare const outputs: string[];
12
+ export declare const twoWays: string[];
13
+ /**
14
+ * 3D Chart Component
15
+ * ```html
16
+ * <ejschart3d></ejschart3d>
17
+ * ```
18
+ */
19
+ export declare class Chart3DComponent extends Chart3D implements IComponentBase {
20
+ private ngEle;
21
+ private srenderer;
22
+ private viewContainerRef;
23
+ private injector;
24
+ context: any;
25
+ tagObjects: any;
26
+ afterExport: any;
27
+ axisLabelRender: any;
28
+ beforeExport: any;
29
+ beforePrint: any;
30
+ beforeResize: any;
31
+ chart3DMouseClick: any;
32
+ chart3DMouseDown: any;
33
+ chart3DMouseLeave: any;
34
+ chart3DMouseMove: any;
35
+ chart3DMouseUp: any;
36
+ legendClick: any;
37
+ legendRender: any;
38
+ load: any;
39
+ loaded: any;
40
+ pointClick: any;
41
+ pointMove: any;
42
+ pointRender: any;
43
+ resized: any;
44
+ selectionComplete: any;
45
+ seriesRender: any;
46
+ textRender: any;
47
+ tooltipRender: any;
48
+ dataSourceChange: any;
49
+ childSeries: QueryList<Chart3DSeriesCollectionDirective>;
50
+ childAxes: QueryList<Chart3DAxesDirective>;
51
+ childRows: QueryList<Chart3DRowsDirective>;
52
+ childColumns: QueryList<Chart3DColumnsDirective>;
53
+ childSelectedDataIndexes: QueryList<Chart3DSelectedDataIndexesDirective>;
54
+ tags: string[];
55
+ tooltip_template: any;
56
+ constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
57
+ ngOnInit(): void;
58
+ ngAfterViewInit(): void;
59
+ ngOnDestroy(): void;
60
+ ngAfterContentChecked(): void;
61
+ registerEvents: (eventList: string[]) => void;
62
+ addTwoWay: (propList: string[]) => void;
63
+ static ɵfac: i0.ɵɵFactoryDeclaration<Chart3DComponent, never>;
64
+ static ɵcmp: i0.ɵɵComponentDeclaration<Chart3DComponent, "ejs-chart3d", never, { "axes": "axes"; "background": "background"; "backgroundImage": "backgroundImage"; "border": "border"; "columns": "columns"; "currencyCode": "currencyCode"; "dataSource": "dataSource"; "depth": "depth"; "description": "description"; "enablePersistence": "enablePersistence"; "enableRotation": "enableRotation"; "enableRtl": "enableRtl"; "enableSideBySidePlacement": "enableSideBySidePlacement"; "height": "height"; "highlightColor": "highlightColor"; "highlightMode": "highlightMode"; "highlightPattern": "highlightPattern"; "isMultiSelect": "isMultiSelect"; "isTransposed": "isTransposed"; "legendSettings": "legendSettings"; "locale": "locale"; "margin": "margin"; "palettes": "palettes"; "perspectiveAngle": "perspectiveAngle"; "primaryXAxis": "primaryXAxis"; "primaryYAxis": "primaryYAxis"; "rotation": "rotation"; "rows": "rows"; "selectedDataIndexes": "selectedDataIndexes"; "selectionMode": "selectionMode"; "selectionPattern": "selectionPattern"; "series": "series"; "subTitle": "subTitle"; "subTitleStyle": "subTitleStyle"; "theme": "theme"; "tilt": "tilt"; "title": "title"; "titleStyle": "titleStyle"; "tooltip": "tooltip"; "useGroupingSeparator": "useGroupingSeparator"; "wallColor": "wallColor"; "wallSize": "wallSize"; "width": "width"; }, { "afterExport": "afterExport"; "axisLabelRender": "axisLabelRender"; "beforeExport": "beforeExport"; "beforePrint": "beforePrint"; "beforeResize": "beforeResize"; "chart3DMouseClick": "chart3DMouseClick"; "chart3DMouseDown": "chart3DMouseDown"; "chart3DMouseLeave": "chart3DMouseLeave"; "chart3DMouseMove": "chart3DMouseMove"; "chart3DMouseUp": "chart3DMouseUp"; "legendClick": "legendClick"; "legendRender": "legendRender"; "load": "load"; "loaded": "loaded"; "pointClick": "pointClick"; "pointMove": "pointMove"; "pointRender": "pointRender"; "resized": "resized"; "selectionComplete": "selectionComplete"; "seriesRender": "seriesRender"; "textRender": "textRender"; "tooltipRender": "tooltipRender"; "dataSourceChange": "dataSourceChange"; }, ["tooltip_template", "childSeries", "childAxes", "childRows", "childColumns", "childSelectedDataIndexes"], never>;
65
+ }
@@ -0,0 +1,16 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./chart3d.component";
3
+ import * as i2 from "./series.directive";
4
+ import * as i3 from "./axes.directive";
5
+ import * as i4 from "./rows.directive";
6
+ import * as i5 from "./columns.directive";
7
+ import * as i6 from "./selecteddataindexes.directive";
8
+ import * as i7 from "@angular/common";
9
+ /**
10
+ * NgModule definition for the Chart3D component.
11
+ */
12
+ export declare class Chart3DModule {
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<Chart3DModule, never>;
14
+ static ɵmod: i0.ɵɵNgModuleDeclaration<Chart3DModule, [typeof i1.Chart3DComponent, typeof i2.Chart3DSeriesDirective, typeof i2.Chart3DSeriesCollectionDirective, typeof i3.Chart3DAxisDirective, typeof i3.Chart3DAxesDirective, typeof i4.Chart3DRowDirective, typeof i4.Chart3DRowsDirective, typeof i5.Chart3DColumnDirective, typeof i5.Chart3DColumnsDirective, typeof i6.Chart3DSelectedDataIndexDirective, typeof i6.Chart3DSelectedDataIndexesDirective], [typeof i7.CommonModule], [typeof i1.Chart3DComponent, typeof i2.Chart3DSeriesDirective, typeof i2.Chart3DSeriesCollectionDirective, typeof i3.Chart3DAxisDirective, typeof i3.Chart3DAxesDirective, typeof i4.Chart3DRowDirective, typeof i4.Chart3DRowsDirective, typeof i5.Chart3DColumnDirective, typeof i5.Chart3DColumnsDirective, typeof i6.Chart3DSelectedDataIndexDirective, typeof i6.Chart3DSelectedDataIndexesDirective]>;
15
+ static ɵinj: i0.ɵɵInjectorDeclaration<Chart3DModule>;
16
+ }
@@ -0,0 +1,31 @@
1
+ import { ViewContainerRef } from '@angular/core';
2
+ import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * Column3D Directive
6
+ * ```html
7
+ * <e-columns><e-column></e-column><e-columns>
8
+ * ```
9
+ */
10
+ export declare class Chart3DColumnDirective extends ComplexBase<Chart3DColumnDirective> {
11
+ private viewContainerRef;
12
+ directivePropList: any;
13
+ /**
14
+ * The width of the column as a string accepts input both as like '100px' or '100%'.
15
+ * If specified as '100%, column renders to the full width of its chart.
16
+ * @default '100%'
17
+ */
18
+ width: any;
19
+ constructor(viewContainerRef: ViewContainerRef);
20
+ static ɵfac: i0.ɵɵFactoryDeclaration<Chart3DColumnDirective, never>;
21
+ static ɵdir: i0.ɵɵDirectiveDeclaration<Chart3DColumnDirective, "e-chart3d-columns>e-chart3d-columns", never, { "width": "width"; }, {}, never>;
22
+ }
23
+ /**
24
+ * Chart3DColumn Array Directive
25
+ * @private
26
+ */
27
+ export declare class Chart3DColumnsDirective extends ArrayBase<Chart3DColumnsDirective> {
28
+ constructor();
29
+ static ɵfac: i0.ɵɵFactoryDeclaration<Chart3DColumnsDirective, never>;
30
+ static ɵdir: i0.ɵɵDirectiveDeclaration<Chart3DColumnsDirective, "ejs-chart3d>e-chart3d-columns", never, {}, {}, ["children"]>;
31
+ }
@@ -0,0 +1,31 @@
1
+ import { ViewContainerRef } from '@angular/core';
2
+ import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * Row3D Directive
6
+ * ```html
7
+ * <e-rows><e-row></e-row><e-rows>
8
+ * ```
9
+ */
10
+ export declare class Chart3DRowDirective extends ComplexBase<Chart3DRowDirective> {
11
+ private viewContainerRef;
12
+ directivePropList: any;
13
+ /**
14
+ * The height of the row as a string accept input both as '100px' and '100%'.
15
+ * If specified as '100%, row renders to the full height of its chart.
16
+ * @default '100%'
17
+ */
18
+ height: any;
19
+ constructor(viewContainerRef: ViewContainerRef);
20
+ static ɵfac: i0.ɵɵFactoryDeclaration<Chart3DRowDirective, never>;
21
+ static ɵdir: i0.ɵɵDirectiveDeclaration<Chart3DRowDirective, "e-chart3d-rows>e-chart3d-row", never, { "height": "height"; }, {}, never>;
22
+ }
23
+ /**
24
+ * Chart3DRow Array Directive
25
+ * @private
26
+ */
27
+ export declare class Chart3DRowsDirective extends ArrayBase<Chart3DRowsDirective> {
28
+ constructor();
29
+ static ɵfac: i0.ɵɵFactoryDeclaration<Chart3DRowsDirective, never>;
30
+ static ɵdir: i0.ɵɵDirectiveDeclaration<Chart3DRowsDirective, "ejs-chart3d>e-chart3d-rows", never, {}, {}, ["children"]>;
31
+ }
@@ -0,0 +1,37 @@
1
+ import { ViewContainerRef } from '@angular/core';
2
+ import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * Selected Data Directive
6
+ * ```html
7
+ * <e-selecteddataindexes><e-selecteddataindex></e-selecteddataindex><e-selecteddataindexes>
8
+ * ```
9
+ */
10
+ export declare class Chart3DSelectedDataIndexDirective extends ComplexBase<Chart3DSelectedDataIndexDirective> {
11
+ private viewContainerRef;
12
+ directivePropList: any;
13
+ /**
14
+ * Specifies the point index.
15
+ * @default 0
16
+ * @asptype int
17
+ */
18
+ point: any;
19
+ /**
20
+ * Specifies the series index.
21
+ * @default 0
22
+ * @asptype int
23
+ */
24
+ series: any;
25
+ constructor(viewContainerRef: ViewContainerRef);
26
+ static ɵfac: i0.ɵɵFactoryDeclaration<Chart3DSelectedDataIndexDirective, never>;
27
+ static ɵdir: i0.ɵɵDirectiveDeclaration<Chart3DSelectedDataIndexDirective, "e-chart3d-selecteddataindexes>e-chart3d-selecteddataindex", never, { "point": "point"; "series": "series"; }, {}, never>;
28
+ }
29
+ /**
30
+ * Chart3DSelectedDataIndex Array Directive
31
+ * @private
32
+ */
33
+ export declare class Chart3DSelectedDataIndexesDirective extends ArrayBase<Chart3DSelectedDataIndexesDirective> {
34
+ constructor();
35
+ static ɵfac: i0.ɵɵFactoryDeclaration<Chart3DSelectedDataIndexesDirective, never>;
36
+ static ɵdir: i0.ɵɵDirectiveDeclaration<Chart3DSelectedDataIndexesDirective, "ejs-chart3d>e-chart3d-selecteddataindexes", never, {}, {}, ["children"]>;
37
+ }
@@ -0,0 +1,177 @@
1
+ import { ViewContainerRef } from '@angular/core';
2
+ import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * Series3D Directive
6
+ * ```html
7
+ * <e-chart3d-series-collection>
8
+ * <e-chart3d-series></e-chart3d-series>
9
+ * </e-chart3d-series-collection>
10
+ * ```
11
+ */
12
+ export declare class Chart3DSeriesDirective extends ComplexBase<Chart3DSeriesDirective> {
13
+ private viewContainerRef;
14
+ directivePropList: any;
15
+ /**
16
+ * Specifies the type of the series in the 3D chart. Available options include:
17
+ * - Column
18
+ * - Bar
19
+ * - StackingColumn
20
+ * - StackingBar
21
+ * - StackingColumn100
22
+ * - StackingBar100
23
+ * @default 'Column'
24
+ */
25
+ type: any;
26
+ /**
27
+ * Options to customizing animation for the series.
28
+ */
29
+ animation: any;
30
+ /**
31
+ * Defines the shape of the data in a column and bar chart.
32
+ * Rectangle: Displays the data in a column and bar chart in a rectangle shape.
33
+ * Cylinder: Displays the data in a column and bar chart in a cylinder shape.
34
+ * @default 'Rectangle'
35
+ */
36
+ columnFacet: any;
37
+ /**
38
+ * To render the column series points with particular column spacing. It takes value from 0 - 1.
39
+ * @default 0.1
40
+ */
41
+ columnSpacing: any;
42
+ /**
43
+ * Render the column series points with a particular column width.
44
+ * @default null
45
+ */
46
+ columnWidth: any;
47
+ /**
48
+ * The data label for the series.
49
+ */
50
+ dataLabel: any;
51
+ /**
52
+ * Specifies the data source for the series. It can be an array of JSON objects or an instance of DataManager.
53
+ * @default ''
54
+ */
55
+ dataSource: any;
56
+ /**
57
+ * options to customize the empty points in series.
58
+ */
59
+ emptyPointSettings: any;
60
+ /**
61
+ * Enable tooltip for the chart series.
62
+ * @default true
63
+ */
64
+ enableTooltip: any;
65
+ /**
66
+ * The fill color for the series, which can accept values in hex or rgba as a valid CSS color string.
67
+ * @default null
68
+ */
69
+ fill: any;
70
+ /**
71
+ * Defines the name that specifies the chart series are mutually exclusive and can be overlaid.
72
+ * The axis in the same group shares the same baseline and location on the corresponding axis.
73
+ * @default ''
74
+ */
75
+ groupName: any;
76
+ /**
77
+ * The URL for the Image that is to be displayed as a Legend icon. It requires `legendShape` value to be an `Image`.
78
+ * @default ''
79
+ */
80
+ legendImageUrl: any;
81
+ /**
82
+ * The shape of the legend. Each series has its own legend shape, which can be one of the following:
83
+ * * Circle
84
+ * * Rectangle
85
+ * * Triangle
86
+ * * Diamond
87
+ * * Cross
88
+ * * HorizontalLine
89
+ * * VerticalLine
90
+ * * Pentagon
91
+ * * InvertedTriangle
92
+ * * SeriesType
93
+ * * Image
94
+ * @default 'SeriesType'
95
+ */
96
+ legendShape: any;
97
+ /**
98
+ * The name of the series as displayed in the legend.
99
+ * @default ''
100
+ */
101
+ name: any;
102
+ /**
103
+ * The opacity of the series.
104
+ * @default 1
105
+ */
106
+ opacity: any;
107
+ /**
108
+ * The DataSource field that contains the point colors.
109
+ * @default ''
110
+ */
111
+ pointColorMapping: any;
112
+ /**
113
+ * Specifies a query to select data from the DataSource. This property is applicable only when the DataSource is an `ej.DataManager`.
114
+ * @default ''
115
+ */
116
+ query: any;
117
+ /**
118
+ * The DataSource field that contains the size value of y
119
+ * @default ''
120
+ */
121
+ size: any;
122
+ /**
123
+ * This property allows grouping series in `stacked column / bar` charts.
124
+ * Any string value can be provided to the stackingGroup property.
125
+ * If any two or above series have the same value, those series will be grouped together.
126
+ * @default ''
127
+ */
128
+ stackingGroup: any;
129
+ /**
130
+ * Format of the tooltip content.
131
+ * @default ''
132
+ */
133
+ tooltipFormat: any;
134
+ /**
135
+ * The data source field that contains the tooltip value.
136
+ * @default ''
137
+ */
138
+ tooltipMappingName: any;
139
+ /**
140
+ * Specifies the visibility of series.
141
+ * @default true
142
+ */
143
+ visible: any;
144
+ /**
145
+ * The name of the horizontal axis associated with the series. It requires `axes` of the chart.
146
+ * @default null
147
+ */
148
+ xAxisName: any;
149
+ /**
150
+ * The DataSource field that contains the x value.
151
+ * @default ''
152
+ */
153
+ xName: any;
154
+ /**
155
+ * The name of the vertical axis associated with the series. It requires `axes` of the chart.
156
+ * @default null
157
+ */
158
+ yAxisName: any;
159
+ /**
160
+ * The DataSource field that contains the y value.
161
+ * @default ''
162
+ */
163
+ yName: any;
164
+ dataLabel_template: any;
165
+ constructor(viewContainerRef: ViewContainerRef);
166
+ static ɵfac: i0.ɵɵFactoryDeclaration<Chart3DSeriesDirective, never>;
167
+ static ɵdir: i0.ɵɵDirectiveDeclaration<Chart3DSeriesDirective, "e-chart3d-series-collection>e-chart3d-series", never, { "animation": "animation"; "columnFacet": "columnFacet"; "columnSpacing": "columnSpacing"; "columnWidth": "columnWidth"; "dataLabel": "dataLabel"; "dataSource": "dataSource"; "emptyPointSettings": "emptyPointSettings"; "enableTooltip": "enableTooltip"; "fill": "fill"; "groupName": "groupName"; "legendImageUrl": "legendImageUrl"; "legendShape": "legendShape"; "name": "name"; "opacity": "opacity"; "pointColorMapping": "pointColorMapping"; "query": "query"; "size": "size"; "stackingGroup": "stackingGroup"; "tooltipFormat": "tooltipFormat"; "tooltipMappingName": "tooltipMappingName"; "type": "type"; "visible": "visible"; "xAxisName": "xAxisName"; "xName": "xName"; "yAxisName": "yAxisName"; "yName": "yName"; }, {}, ["dataLabel_template"]>;
168
+ }
169
+ /**
170
+ * Chart3DSeries Array Directive
171
+ * @private
172
+ */
173
+ export declare class Chart3DSeriesCollectionDirective extends ArrayBase<Chart3DSeriesCollectionDirective> {
174
+ constructor();
175
+ static ɵfac: i0.ɵɵFactoryDeclaration<Chart3DSeriesCollectionDirective, never>;
176
+ static ɵdir: i0.ɵɵDirectiveDeclaration<Chart3DSeriesCollectionDirective, "ejs-chart3d>e-chart3d-series-collection", never, {}, {}, ["children"]>;
177
+ }
package/src/index.d.ts CHANGED
@@ -47,4 +47,12 @@ export { BulletRangeDirective, BulletRangeCollectionDirective } from './bullet-c
47
47
  export { BulletChartComponent } from './bullet-chart/bulletchart.component';
48
48
  export { BulletChartModule } from './bullet-chart/bulletchart.module';
49
49
  export { BulletChartAllModule, BulletTooltipService, BulletChartLegendService } from './bullet-chart/bulletchart-all.module';
50
+ export { Chart3DSeriesDirective, Chart3DSeriesCollectionDirective } from './chart3d/series.directive';
51
+ export { Chart3DAxisDirective, Chart3DAxesDirective } from './chart3d/axes.directive';
52
+ export { Chart3DRowDirective, Chart3DRowsDirective } from './chart3d/rows.directive';
53
+ export { Chart3DColumnDirective, Chart3DColumnsDirective } from './chart3d/columns.directive';
54
+ export { Chart3DSelectedDataIndexDirective, Chart3DSelectedDataIndexesDirective } from './chart3d/selecteddataindexes.directive';
55
+ export { Chart3DComponent } from './chart3d/chart3d.component';
56
+ export { Chart3DModule } from './chart3d/chart3d.module';
57
+ export { Chart3DAllModule, ColumnSeries3DService, StackingColumnSeries3DService, BarSeries3DService, StackingBarSeries3DService, Category3DService, DateTime3DService, DateTimeCategory3DService, Logarithmic3DService, Tooltip3DService, Legend3DService, DataLabel3DService, Selection3DService, Export3DService, Highlight3DService } from './chart3d/chart3d-all.module';
50
58
  export * from '@syncfusion/ej2-charts';