@syncfusion/ej2-angular-charts 26.2.14 → 27.1.48
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/CHANGELOG.md +18 -0
- package/esm2020/src/accumulation-chart/annotations.directive.mjs +1 -1
- package/esm2020/src/accumulation-chart/series.directive.mjs +3 -3
- package/esm2020/src/chart/annotations.directive.mjs +1 -1
- package/esm2020/src/chart/axes.directive.mjs +1 -1
- package/esm2020/src/chart/categories.directive.mjs +1 -1
- package/esm2020/src/chart/columns.directive.mjs +1 -1
- package/esm2020/src/chart/indicators.directive.mjs +1 -1
- package/esm2020/src/chart/multilevellabels.directive.mjs +1 -1
- package/esm2020/src/chart/rangecolorsettings.directive.mjs +1 -1
- package/esm2020/src/chart/rows.directive.mjs +1 -1
- package/esm2020/src/chart/segments.directive.mjs +1 -1
- package/esm2020/src/chart/selecteddataindexes.directive.mjs +1 -1
- package/esm2020/src/chart/series.directive.mjs +3 -3
- package/esm2020/src/chart/striplines.directive.mjs +1 -1
- package/esm2020/src/chart/trendlines.directive.mjs +1 -1
- package/esm2020/src/chart3d/selecteddataindexes.directive.mjs +1 -1
- package/esm2020/src/circularchart3d/selecteddataindexes.directive.mjs +1 -1
- package/esm2020/src/stock-chart/trendlines.directive.mjs +1 -1
- package/fesm2015/syncfusion-ej2-angular-charts.mjs +4 -4
- package/fesm2015/syncfusion-ej2-angular-charts.mjs.map +1 -1
- package/fesm2020/syncfusion-ej2-angular-charts.mjs +4 -4
- package/fesm2020/syncfusion-ej2-angular-charts.mjs.map +1 -1
- package/package.json +10 -9
- package/schematics/collection.json +10 -9
- package/schematics/ng-add/index.d.ts +3 -0
- package/schematics/ng-add/index.js +9 -0
- package/schematics/ng-add/index.ts +10 -10
- package/schematics/ng-add/schema.d.ts +13 -0
- package/schematics/ng-add/schema.js +2 -0
- package/schematics/ng-add/schema.json +34 -34
- package/schematics/ng-add/schema.ts +30 -30
- package/schematics/tsconfig.json +25 -25
- package/schematics/utils/lib-details.d.ts +4 -0
- package/schematics/utils/lib-details.js +6 -0
- package/schematics/utils/lib-details.ts +2 -2
- package/src/accumulation-chart/annotations.directive.d.ts +24 -20
- package/src/accumulation-chart/series.directive.d.ts +66 -48
- package/src/chart/annotations.directive.d.ts +28 -24
- package/src/chart/axes.directive.d.ts +97 -88
- package/src/chart/categories.directive.d.ts +7 -6
- package/src/chart/columns.directive.d.ts +2 -2
- package/src/chart/indicators.directive.d.ts +61 -46
- package/src/chart/multilevellabels.directive.d.ts +13 -10
- package/src/chart/rangecolorsettings.directive.d.ts +4 -4
- package/src/chart/rows.directive.d.ts +1 -1
- package/src/chart/segments.directive.d.ts +2 -2
- package/src/chart/selecteddataindexes.directive.d.ts +2 -2
- package/src/chart/series.directive.d.ts +157 -131
- package/src/chart/striplines.directive.d.ts +27 -23
- package/src/chart/trendlines.directive.d.ts +19 -12
- package/src/chart3d/selecteddataindexes.directive.d.ts +2 -2
- package/src/circularchart3d/selecteddataindexes.directive.d.ts +2 -2
- package/src/stock-chart/trendlines.directive.d.ts +19 -12
|
@@ -13,200 +13,218 @@ export declare class AccumulationSeriesDirective extends ComplexBase<Accumulatio
|
|
|
13
13
|
private viewContainerRef;
|
|
14
14
|
directivePropList: any;
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
16
|
+
* Specifies the type of series in the accumulation chart.
|
|
17
17
|
* @default 'Pie'
|
|
18
18
|
*/
|
|
19
19
|
type: any;
|
|
20
20
|
/**
|
|
21
|
-
* Options for customizing the animation
|
|
21
|
+
* Options for customizing the animation of the series.
|
|
22
|
+
* By default, animation is enabled with a duration of 1000 milliseconds (about 1 second). It can be disabled by setting enable to `false`.
|
|
23
|
+
* The following properties are supported in animation:
|
|
24
|
+
* * enable: If set to true, the series is animated on initial loading.
|
|
25
|
+
* * duration: The duration of the animation in milliseconds.
|
|
26
|
+
* * delay: The delay before the animation starts, in milliseconds.
|
|
22
27
|
*/
|
|
23
28
|
animation: any;
|
|
29
|
+
/**
|
|
30
|
+
* When set to true, a different pattern is applied to each slice of the pie.
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
applyPattern: any;
|
|
24
34
|
/**
|
|
25
35
|
* Options for customizing the border of the series.
|
|
26
36
|
*/
|
|
27
37
|
border: any;
|
|
28
38
|
/**
|
|
29
|
-
*
|
|
39
|
+
* Option for customizing the border radius.
|
|
40
|
+
* @default 0
|
|
41
|
+
*/
|
|
42
|
+
borderRadius: any;
|
|
43
|
+
/**
|
|
44
|
+
* Defines the pattern of dashes and gaps for the series border.
|
|
30
45
|
* @default '0'
|
|
31
46
|
*/
|
|
32
47
|
dashArray: any;
|
|
33
48
|
/**
|
|
34
|
-
* The data label
|
|
49
|
+
* The data label property can be used to show the data label and customize its position and styling.
|
|
35
50
|
*/
|
|
36
51
|
dataLabel: any;
|
|
37
52
|
/**
|
|
38
|
-
* Specifies the
|
|
53
|
+
* Specifies the data source for the series. It can be an array of JSON objects, or an instance of DataManager.
|
|
39
54
|
*
|
|
40
55
|
* @default ''
|
|
41
56
|
*/
|
|
42
57
|
dataSource: any;
|
|
43
58
|
/**
|
|
44
|
-
*
|
|
59
|
+
* Customization options for the appearance of empty points in the series, where `null` or `undefined` values are considered as empty points.
|
|
45
60
|
*/
|
|
46
61
|
emptyPointSettings: any;
|
|
47
62
|
/**
|
|
48
|
-
*
|
|
63
|
+
* Controls whether the tooltip for the accumulation chart series is enabled or disabled. Set to true to display tooltips on hover, or false to hide them.
|
|
49
64
|
* @default true
|
|
50
65
|
*/
|
|
51
66
|
enableTooltip: any;
|
|
52
67
|
/**
|
|
53
|
-
*
|
|
68
|
+
* Specifies the ending angle for the series, in degrees.
|
|
54
69
|
* @default null
|
|
55
70
|
*/
|
|
56
71
|
endAngle: any;
|
|
57
72
|
/**
|
|
58
|
-
* If set true, series points will
|
|
73
|
+
* If set to true, series points will explode on mouse click or touch.
|
|
59
74
|
* @default false
|
|
60
75
|
*/
|
|
61
76
|
explode: any;
|
|
62
77
|
/**
|
|
63
|
-
* If set true, all the points in the series will
|
|
78
|
+
* If set to true, all the points in the series will explode on load.
|
|
64
79
|
* @default false
|
|
65
80
|
*/
|
|
66
81
|
explodeAll: any;
|
|
67
82
|
/**
|
|
68
|
-
* Index of the point
|
|
83
|
+
* Index of the point in the series to be exploded on initial load.
|
|
69
84
|
* @default null
|
|
70
85
|
* @aspdefaultvalueignore
|
|
71
86
|
* @blazordefaultvalue Double.NaN
|
|
72
87
|
*/
|
|
73
88
|
explodeIndex: any;
|
|
74
89
|
/**
|
|
75
|
-
*
|
|
90
|
+
* Specifies the distance of the point from the center, which can be defined in both pixels and percentage.
|
|
76
91
|
* @default '30%'
|
|
77
92
|
*/
|
|
78
93
|
explodeOffset: any;
|
|
79
94
|
/**
|
|
80
|
-
* Defines the distance between the segments of a funnel
|
|
95
|
+
* Defines the distance between the segments of a funnel or pyramid series.
|
|
96
|
+
* The range is from 0 to 1.
|
|
81
97
|
* @default 0
|
|
82
98
|
*/
|
|
83
99
|
gapRatio: any;
|
|
84
100
|
/**
|
|
85
|
-
*
|
|
101
|
+
* In the accumulation series, y-values less than `groupMode` are combined into a single slice named 'others'.
|
|
86
102
|
* @default Value
|
|
87
103
|
*/
|
|
88
104
|
groupMode: any;
|
|
89
105
|
/**
|
|
90
|
-
*
|
|
106
|
+
* The y-values of the accumulation series that are less than `groupTo` are combined into a single slice named 'others'.
|
|
91
107
|
* @default null
|
|
92
108
|
*/
|
|
93
109
|
groupTo: any;
|
|
94
110
|
/**
|
|
95
|
-
* Defines the height of the funnel
|
|
111
|
+
* Defines the height of the funnel or pyramid series relative to the chart area.
|
|
96
112
|
* @default '80%'
|
|
97
113
|
*/
|
|
98
114
|
height: any;
|
|
99
115
|
/**
|
|
100
|
-
* When the innerRadius value is greater than 0
|
|
116
|
+
* When the `innerRadius` value is greater than 0%, a donut shape will appear in the pie series. It accepts only percentage values.
|
|
101
117
|
* @default '0'
|
|
102
118
|
*/
|
|
103
119
|
innerRadius: any;
|
|
104
120
|
/**
|
|
105
|
-
* The URL for the
|
|
121
|
+
* The URL for the image to be displayed as a legend icon.
|
|
122
|
+
* > Note that `legendShape` must be set to `Image`.
|
|
106
123
|
* @default ''
|
|
107
124
|
*/
|
|
108
125
|
legendImageUrl: any;
|
|
109
126
|
/**
|
|
110
|
-
*
|
|
111
|
-
*
|
|
112
|
-
* *
|
|
113
|
-
* *
|
|
114
|
-
* *
|
|
115
|
-
* *
|
|
116
|
-
* *
|
|
117
|
-
* *
|
|
118
|
-
* *
|
|
119
|
-
* *
|
|
120
|
-
* *
|
|
121
|
-
* *
|
|
127
|
+
* Specifies the shape of the legend icon for each data point.
|
|
128
|
+
* Available shapes for legend:
|
|
129
|
+
* * Circle - Renders a circular icon.
|
|
130
|
+
* * Rectangle - Renders a rectangular icon.
|
|
131
|
+
* * Triangle - Renders a triangular icon.
|
|
132
|
+
* * Diamond - Renders a diamond-shaped icon.
|
|
133
|
+
* * Cross - Renders a cross-shaped icon.
|
|
134
|
+
* * HorizontalLine - Renders a horizontal line icon.
|
|
135
|
+
* * VerticalLine - Renders a vertical line icon.
|
|
136
|
+
* * Pentagon - Renders a pentagon-shaped icon.
|
|
137
|
+
* * InvertedTriangle - Renders an inverted triangle-shaped icon.
|
|
138
|
+
* * SeriesType - Uses the default icon shape based on the series type.
|
|
139
|
+
* * Image - Renders a custom image for the legend icon.
|
|
122
140
|
* @default 'SeriesType'
|
|
123
141
|
*/
|
|
124
142
|
legendShape: any;
|
|
125
143
|
/**
|
|
126
|
-
*
|
|
144
|
+
* The `name` property allows for setting a name for the series.
|
|
127
145
|
* @default ''
|
|
128
146
|
*/
|
|
129
147
|
name: any;
|
|
130
148
|
/**
|
|
131
|
-
* Defines the height of the funnel neck
|
|
149
|
+
* Defines the height of the funnel neck relative to the chart area.
|
|
132
150
|
* @default '20%'
|
|
133
151
|
*/
|
|
134
152
|
neckHeight: any;
|
|
135
153
|
/**
|
|
136
|
-
* Defines the width of the funnel neck
|
|
154
|
+
* Defines the width of the funnel neck relative to the chart area.
|
|
137
155
|
* @default '20%'
|
|
138
156
|
*/
|
|
139
157
|
neckWidth: any;
|
|
140
158
|
/**
|
|
141
|
-
*
|
|
159
|
+
* Sets the opacity of the series, with a value between 0 and 1 where 0 is fully transparent and 1 is fully opaque.
|
|
142
160
|
* @default 1.
|
|
143
161
|
*/
|
|
144
162
|
opacity: any;
|
|
145
163
|
/**
|
|
146
|
-
*
|
|
164
|
+
* The `palettes` array defines a set of colors used for rendering the accumulation chart's points. Each color in the array is applied to each point in order.
|
|
147
165
|
* @default []
|
|
148
166
|
*/
|
|
149
167
|
palettes: any;
|
|
150
168
|
/**
|
|
151
|
-
* The
|
|
152
|
-
* It is applicable for series
|
|
169
|
+
* The data source field that contains the color value of a point.
|
|
170
|
+
* It is applicable for series.
|
|
153
171
|
* @default ''
|
|
154
172
|
*/
|
|
155
173
|
pointColorMapping: any;
|
|
156
174
|
/**
|
|
157
|
-
* Defines how the values
|
|
175
|
+
* Defines how the values are represented, either through the height or surface area of the segments.
|
|
158
176
|
* @default 'Linear'
|
|
159
177
|
*/
|
|
160
178
|
pyramidMode: any;
|
|
161
179
|
/**
|
|
162
|
-
* Specifies
|
|
180
|
+
* Specifies a query to select data from the data source. This property is applicable only when the data source is an `ej.DataManager`.
|
|
163
181
|
* @default null
|
|
164
182
|
*/
|
|
165
183
|
query: any;
|
|
166
184
|
/**
|
|
167
|
-
*
|
|
185
|
+
* Specifies the radius of the pie series as a percentage of the chart's size.
|
|
168
186
|
* @default null
|
|
169
187
|
*/
|
|
170
188
|
radius: any;
|
|
171
189
|
/**
|
|
172
|
-
*
|
|
190
|
+
* The `selectionStyle` property is used to specify custom CSS styles for the selected series or points.
|
|
173
191
|
* @default null
|
|
174
192
|
*/
|
|
175
193
|
selectionStyle: any;
|
|
176
194
|
/**
|
|
177
|
-
*
|
|
195
|
+
* Specifies the starting angle for the series, in degrees.
|
|
178
196
|
* @default 0
|
|
179
197
|
*/
|
|
180
198
|
startAngle: any;
|
|
181
199
|
/**
|
|
182
|
-
* The
|
|
200
|
+
* The data source field that contains the value to be displayed in the tooltip.
|
|
183
201
|
* @default ''
|
|
184
202
|
*/
|
|
185
203
|
tooltipMappingName: any;
|
|
186
204
|
/**
|
|
187
|
-
*
|
|
205
|
+
* If set to true, the series will be visible. If set to false, the series will be hidden.
|
|
188
206
|
* @default true
|
|
189
207
|
*/
|
|
190
208
|
visible: any;
|
|
191
209
|
/**
|
|
192
|
-
* Defines the width of the funnel
|
|
210
|
+
* Defines the width of the funnel or pyramid series relative to the chart area.
|
|
193
211
|
* @default '80%'
|
|
194
212
|
*/
|
|
195
213
|
width: any;
|
|
196
214
|
/**
|
|
197
|
-
* The
|
|
215
|
+
* The data source field that contains the x value.
|
|
198
216
|
* @default ''
|
|
199
217
|
*/
|
|
200
218
|
xName: any;
|
|
201
219
|
/**
|
|
202
|
-
* The
|
|
220
|
+
* The data source field that contains the y value.
|
|
203
221
|
* @default ''
|
|
204
222
|
*/
|
|
205
223
|
yName: any;
|
|
206
224
|
dataLabel_template: any;
|
|
207
225
|
constructor(viewContainerRef: ViewContainerRef);
|
|
208
226
|
static ɵfac: i0.ɵɵFactoryDeclaration<AccumulationSeriesDirective, never>;
|
|
209
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<AccumulationSeriesDirective, "e-accumulation-series-collection>e-accumulation-series", never, { "animation": "animation"; "border": "border"; "dashArray": "dashArray"; "dataLabel": "dataLabel"; "dataSource": "dataSource"; "emptyPointSettings": "emptyPointSettings"; "enableTooltip": "enableTooltip"; "endAngle": "endAngle"; "explode": "explode"; "explodeAll": "explodeAll"; "explodeIndex": "explodeIndex"; "explodeOffset": "explodeOffset"; "gapRatio": "gapRatio"; "groupMode": "groupMode"; "groupTo": "groupTo"; "height": "height"; "innerRadius": "innerRadius"; "legendImageUrl": "legendImageUrl"; "legendShape": "legendShape"; "name": "name"; "neckHeight": "neckHeight"; "neckWidth": "neckWidth"; "opacity": "opacity"; "palettes": "palettes"; "pointColorMapping": "pointColorMapping"; "pyramidMode": "pyramidMode"; "query": "query"; "radius": "radius"; "selectionStyle": "selectionStyle"; "startAngle": "startAngle"; "tooltipMappingName": "tooltipMappingName"; "type": "type"; "visible": "visible"; "width": "width"; "xName": "xName"; "yName": "yName"; }, {}, ["dataLabel_template"]>;
|
|
227
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AccumulationSeriesDirective, "e-accumulation-series-collection>e-accumulation-series", never, { "animation": "animation"; "applyPattern": "applyPattern"; "border": "border"; "borderRadius": "borderRadius"; "dashArray": "dashArray"; "dataLabel": "dataLabel"; "dataSource": "dataSource"; "emptyPointSettings": "emptyPointSettings"; "enableTooltip": "enableTooltip"; "endAngle": "endAngle"; "explode": "explode"; "explodeAll": "explodeAll"; "explodeIndex": "explodeIndex"; "explodeOffset": "explodeOffset"; "gapRatio": "gapRatio"; "groupMode": "groupMode"; "groupTo": "groupTo"; "height": "height"; "innerRadius": "innerRadius"; "legendImageUrl": "legendImageUrl"; "legendShape": "legendShape"; "name": "name"; "neckHeight": "neckHeight"; "neckWidth": "neckWidth"; "opacity": "opacity"; "palettes": "palettes"; "pointColorMapping": "pointColorMapping"; "pyramidMode": "pyramidMode"; "query": "query"; "radius": "radius"; "selectionStyle": "selectionStyle"; "startAngle": "startAngle"; "tooltipMappingName": "tooltipMappingName"; "type": "type"; "visible": "visible"; "width": "width"; "xName": "xName"; "yName": "yName"; }, {}, ["dataLabel_template"]>;
|
|
210
228
|
}
|
|
211
229
|
/**
|
|
212
230
|
* AccumulationSeries Array Directive
|
|
@@ -11,69 +11,73 @@ export declare class AnnotationDirective extends ComplexBase<AnnotationDirective
|
|
|
11
11
|
private viewContainerRef;
|
|
12
12
|
directivePropList: any;
|
|
13
13
|
/**
|
|
14
|
-
* Specifies the coordinate units of the annotation.
|
|
15
|
-
*
|
|
16
|
-
* *
|
|
14
|
+
* Specifies the coordinate units of the annotation.
|
|
15
|
+
* The options are:
|
|
16
|
+
* * Pixel - Renders the annotation based on x and y pixel values.
|
|
17
|
+
* * Point - Renders the annotation based on x and y axis values.
|
|
17
18
|
* @default 'Pixel'
|
|
18
19
|
*/
|
|
19
20
|
coordinateUnits: any;
|
|
20
21
|
/**
|
|
21
|
-
*
|
|
22
|
+
* A description for the annotation that provides additional information about its content for screen readers.
|
|
22
23
|
* @default null
|
|
23
24
|
*/
|
|
24
25
|
description: any;
|
|
25
26
|
/**
|
|
26
|
-
* Specifies the alignment of the annotation.
|
|
27
|
-
*
|
|
28
|
-
* *
|
|
29
|
-
* *
|
|
27
|
+
* Specifies the alignment of the annotation.
|
|
28
|
+
* The options are:
|
|
29
|
+
* * Near - Aligns the annotation element to the left side.
|
|
30
|
+
* * Far - Aligns the annotation element to the right side.
|
|
31
|
+
* * Center - Aligns the annotation element to the midpoint.
|
|
30
32
|
* @default 'Center'
|
|
31
33
|
* @deprecated
|
|
32
34
|
*/
|
|
33
35
|
horizontalAlignment: any;
|
|
34
36
|
/**
|
|
35
|
-
* Specifies the regions of the annotation.
|
|
36
|
-
*
|
|
37
|
-
* *
|
|
37
|
+
* Specifies the regions of the annotation.
|
|
38
|
+
* The options are:
|
|
39
|
+
* * Chart - Renders the annotation based on chart coordinates.
|
|
40
|
+
* * Series - Renders the annotation based on series coordinates.
|
|
38
41
|
* @default 'Chart'
|
|
39
42
|
*/
|
|
40
43
|
region: any;
|
|
41
44
|
/**
|
|
42
|
-
* Specifies the position of the annotation.
|
|
43
|
-
*
|
|
44
|
-
* *
|
|
45
|
-
* *
|
|
45
|
+
* Specifies the position of the annotation.
|
|
46
|
+
* The options are
|
|
47
|
+
* * Top - Aligns the annotation element to the top side.
|
|
48
|
+
* * Bottom - Aligns the annotation element to the bottom side.
|
|
49
|
+
* * Middle - Aligns the annotation element to the midpoint.
|
|
46
50
|
* @default 'Middle'
|
|
47
51
|
* @deprecated
|
|
48
52
|
*/
|
|
49
53
|
verticalAlignment: any;
|
|
50
54
|
/**
|
|
51
|
-
*
|
|
52
|
-
*
|
|
55
|
+
* If `coordinateUnit` is set to `Pixel`, x specifies the pixel value.
|
|
56
|
+
* If `coordinateUnit` is set to `Point`, x specifies the axis value.
|
|
53
57
|
* @default '0'
|
|
54
58
|
* @asptype object
|
|
55
59
|
*/
|
|
56
60
|
x: any;
|
|
57
61
|
/**
|
|
58
|
-
* The name of horizontal axis associated with the annotation.
|
|
59
|
-
*
|
|
62
|
+
* The name of the horizontal axis associated with the annotation.
|
|
63
|
+
* Requires the `axes` of the chart.
|
|
60
64
|
* @default null
|
|
61
65
|
*/
|
|
62
66
|
xAxisName: any;
|
|
63
67
|
/**
|
|
64
|
-
*
|
|
65
|
-
*
|
|
68
|
+
* If `coordinateUnit` is set to `Pixel`, y specifies the pixel value.
|
|
69
|
+
* If `coordinateUnit` is set to `Point`, y specifies the axis value.
|
|
66
70
|
* @default '0'
|
|
67
71
|
*/
|
|
68
72
|
y: any;
|
|
69
73
|
/**
|
|
70
|
-
* The name of vertical axis associated with the annotation.
|
|
71
|
-
*
|
|
74
|
+
* The name of the vertical axis associated with the annotation.
|
|
75
|
+
* Requires the `axes` of the chart.
|
|
72
76
|
* @default null
|
|
73
77
|
*/
|
|
74
78
|
yAxisName: any;
|
|
75
79
|
/**
|
|
76
|
-
*
|
|
80
|
+
* The content of the annotation, which also accepts the ID of the custom element.
|
|
77
81
|
* @default null
|
|
78
82
|
*/
|
|
79
83
|
content: any;
|