@progress/kendo-angular-charts 7.1.0-dev.202204261149 → 7.1.0-dev.202204290857

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.
@@ -4,9 +4,8 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { drawing } from '@progress/kendo-drawing';
6
6
  import { ConfigurationService } from '../../common/configuration.service';
7
- import { Border, Margin, Padding, SeriesLabelsContentArgs, SeriesLabelsVisualArgs } from '../../common/property-types';
8
- import { SeriesLabels, SeriesLabelsFrom, SeriesLabelsTo } from '../../common/property-types';
9
- import { SeriesLabelsPosition } from '../../common/property-types';
7
+ import { Border, Margin, Padding, SeriesLabelsAlignment, SeriesLabelsContentArgs, SeriesLabelsVisualArgs } from '../../common/property-types';
8
+ import { SeriesLabels, SeriesLabelsFrom, SeriesLabelsPosition, SeriesLabelsTo } from '../../common/property-types';
10
9
  import { SettingsComponent } from '../../common/settings.component';
11
10
  import * as i0 from "@angular/core";
12
11
  /**
@@ -15,7 +14,7 @@ import * as i0 from "@angular/core";
15
14
  */
16
15
  export declare class SeriesLabelsComponent extends SettingsComponent implements SeriesLabels {
17
16
  configurationService: ConfigurationService;
18
- align: 'circle' | 'column' | 'center' | 'right' | 'left';
17
+ align: SeriesLabelsAlignment;
19
18
  background: string;
20
19
  border: Border;
21
20
  color: string;
@@ -0,0 +1,113 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { AxisDefaults, CategoryAxis, ChartArea, DragAction, Legend, Pane, PaneDefaults, PlotArea, Series, SeriesDefaults, Title, Tooltip, ValueAxis, XAxis, YAxis, Zoomable } from './common/property-types';
6
+ /**
7
+ * A configuration object that groups all root-level Chart options.
8
+ */
9
+ export interface ChartOptions {
10
+ /**
11
+ * Specifies if the Chart can be panned.
12
+ */
13
+ pannable?: boolean | DragAction;
14
+ /**
15
+ * Sets the preferred rendering engine.
16
+ * If not supported by the browser, the Chart switches to the first available mode.
17
+ *
18
+ * The supported values are:
19
+ * - `"svg"`—If available, renders the component as an inline `.svg` file.
20
+ * - `"canvas"`—If available, renders the component as a `canvas` element.
21
+ */
22
+ renderAs?: 'svg' | 'canvas';
23
+ /**
24
+ * The default colors for the Chart series.
25
+ * When all colors are used, new colors are pulled from the start again.
26
+ */
27
+ seriesColors?: string[];
28
+ /**
29
+ * The configuration options or the text of the Chart title.
30
+ */
31
+ title?: string | Title;
32
+ /**
33
+ * If set to `true`, the Chart plays animations when it displays the series.
34
+ * By default, animations are enabled.
35
+ */
36
+ transitions?: boolean;
37
+ /**
38
+ * Specifies if the Chart can be zoomed.
39
+ */
40
+ zoomable?: boolean | Zoomable;
41
+ /**
42
+ * The default options for all Chart axes. Accepts the options which are supported by
43
+ * [`categoryAxis`]({% slug api_charts_categoryaxisitemcomponent %}),
44
+ * [`valueAxis`]({% slug api_charts_valueaxisitemcomponent %}),
45
+ * [`xAxis`]({% slug api_charts_xaxisitemcomponent %}),
46
+ * and [`yAxis`]({% slug api_charts_yaxisitemcomponent %}).
47
+ */
48
+ axisDefaults?: AxisDefaults;
49
+ /**
50
+ * The configuration options of the category axis.
51
+ */
52
+ categoryAxis?: CategoryAxis | CategoryAxis[];
53
+ /**
54
+ * The configuration options of the Chart area.
55
+ * Represents the entire visible area of the Chart.
56
+ */
57
+ chartArea?: ChartArea;
58
+ /**
59
+ * The configuration options of the Chart legend.
60
+ */
61
+ legend?: Legend;
62
+ /**
63
+ * The configuration of the Chart panes.
64
+ * Panes are used to split the Chart into two or more parts. The panes are ordered from top to bottom.
65
+ * To associate each axis with a pane, set its `pane` option to the name of the desired pane.
66
+ * Axis that do not have a specified pane are placed in the top (default) pane.
67
+ * To move a series to the desired pane, associate them with an axis.
68
+ */
69
+ panes?: Pane[];
70
+ /**
71
+ * The default options of all panes.
72
+ */
73
+ paneDefaults?: PaneDefaults;
74
+ /**
75
+ * The configuration options of the plot area.
76
+ * The plot area is the area which displays the series.
77
+ */
78
+ plotArea?: PlotArea;
79
+ /**
80
+ * The configuration of the Chart series.
81
+ * The series type is determined by the value of the type field.
82
+ * If a type value is missing, the Chart renders the type that is
83
+ * specified in [`seriesDefaults`]({% slug api_charts_seriesdefaultscomponent %}).
84
+ * Some options accept functions as arguments. These arguments are evaluated for each point
85
+ * which is supplied as a parameter. If no value is returned, the Chart uses the `theme` or
86
+ * [`seriesDefaults`]({% slug api_charts_seriesdefaultscomponent %}) values.
87
+ */
88
+ series?: Series[];
89
+ /**
90
+ * The default options of all series.
91
+ */
92
+ seriesDefaults?: SeriesDefaults;
93
+ /**
94
+ * The configuration options of the Chart series tooltips.
95
+ * The tooltip of the Chart series is displayed when the
96
+ * [`tooltip.visible`]({% slug api_charts_tooltipcomponent %}#toc-visible) option is set to `true`.
97
+ */
98
+ tooltip?: Tooltip;
99
+ /**
100
+ * The configuration options of the value axis.
101
+ */
102
+ valueAxis?: ValueAxis | ValueAxis[];
103
+ /**
104
+ * The configuration options of the Scatter Chart X-axis.
105
+ * Supports all [`valueAxis`]({% slug api_charts_valueaxisitemcomponent %}) options.
106
+ */
107
+ xAxis?: XAxis | XAxis[];
108
+ /**
109
+ * The configuration options of the Scatter Chart Y-axis.
110
+ * Supports all [`valueAxis`]({% slug api_charts_valueaxisitemcomponent %}) options.
111
+ */
112
+ yAxis?: YAxis | YAxis[];
113
+ }
@@ -15,6 +15,7 @@ import { ChartPane } from './api-types/chart-pane.interface';
15
15
  import { ChartPlotArea } from './api-types/chart-plotarea.interface';
16
16
  import { SeriesPoint } from './api-types/series-point.interface';
17
17
  import './chart-defaults';
18
+ import { ChartOptions } from './chart-options.interface';
18
19
  import { DonutCenterTemplateDirective } from './chart/donut-center-template.directive';
19
20
  import { SeriesItemComponent } from './chart/series-item.component';
20
21
  import { CrosshairTooltipsContainerComponent } from './chart/tooltip/crosshair-tooltips-container.component';
@@ -90,7 +91,7 @@ import * as i0 from "@angular/core";
90
91
  *
91
92
  * ```
92
93
  */
93
- export declare class ChartComponent implements OnChanges, OnInit, OnDestroy, AfterViewInit, AfterViewChecked {
94
+ export declare class ChartComponent implements ChartOptions, OnChanges, OnInit, OnDestroy, AfterViewInit, AfterViewChecked {
94
95
  configurationService: ConfigurationService;
95
96
  themeService: ThemeService;
96
97
  protected element: ElementRef;
@@ -100,108 +101,24 @@ export declare class ChartComponent implements OnChanges, OnInit, OnDestroy, Aft
100
101
  protected instanceEventService: InstanceEventService;
101
102
  protected changeDetector: ChangeDetectorRef;
102
103
  protected renderer: Renderer2;
103
- /**
104
- * Specifies if the Chart can be panned.
105
- */
106
104
  pannable: boolean | DragAction;
107
- /**
108
- * Sets the preferred rendering engine.
109
- * If not supported by the browser, the Chart switches to the first available mode.
110
- *
111
- * The supported values are:
112
- * - `"svg"`—If available, renders the component as an inline `.svg` file.
113
- * - `"canvas"`—If available, renders the component as a `canvas` element.
114
- */
115
105
  renderAs: 'svg' | 'canvas';
116
- /**
117
- * The default colors for the Chart series.
118
- * When all colors are used, new colors are pulled from the start again.
119
- */
120
106
  seriesColors: string[];
121
- /**
122
- * The configuration options or the text of the Chart title.
123
- */
124
107
  title: string | Title;
125
- /**
126
- * If set to `true`, the Chart plays animations when it displays the series.
127
- * By default, animations are enabled.
128
- */
129
108
  transitions: boolean;
130
- /**
131
- * Specifies if the Chart can be zoomed.
132
- */
133
109
  zoomable: boolean | Zoomable;
134
- /**
135
- * The default options for all Chart axes. Accepts the options which are supported by
136
- * [`categoryAxis`]({% slug api_charts_categoryaxisitemcomponent %}),
137
- * [`valueAxis`]({% slug api_charts_valueaxisitemcomponent %}),
138
- * [`xAxis`]({% slug api_charts_xaxisitemcomponent %}),
139
- * and [`yAxis`]({% slug api_charts_yaxisitemcomponent %}).
140
- */
141
110
  axisDefaults: AxisDefaults;
142
- /**
143
- * The configuration options of the category axis.
144
- */
145
111
  categoryAxis: CategoryAxis | CategoryAxis[];
146
- /**
147
- * The configuration options of the Chart area.
148
- * Represents the entire visible area of the Chart.
149
- */
150
112
  chartArea: ChartArea;
151
- /**
152
- * The configuration options of the Chart legend.
153
- */
154
113
  legend: Legend;
155
- /**
156
- * The configuration of the Chart panes.
157
- * Panes are used to split the Chart into two or more parts. The panes are ordered from top to bottom.
158
- * To associate each axis with a pane, set its `pane` option to the name of the desired pane.
159
- * Axis that do not have a specified pane are placed in the top (default) pane.
160
- * To move a series to the desired pane, associate them with an axis.
161
- */
162
114
  panes: Pane[];
163
- /**
164
- * The default options of all panes.
165
- */
166
115
  paneDefaults: PaneDefaults;
167
- /**
168
- * The configuration options of the plot area.
169
- * The plot area is the area which displays the series.
170
- */
171
116
  plotArea: PlotArea;
172
- /**
173
- * The configuration of the Chart series.
174
- * The series type is determined by the value of the type field.
175
- * If a type value is missing, the Chart renders the type that is
176
- * specified in [`seriesDefaults`]({% slug api_charts_seriesdefaultscomponent %}).
177
- * Some options accept functions as arguments. These arguments are evaluated for each point
178
- * which is supplied as a parameter. If no value is returned, the Chart uses the `theme` or
179
- * [`seriesDefaults`]({% slug api_charts_seriesdefaultscomponent %}) values.
180
- */
181
117
  series: Series[];
182
- /**
183
- * The default options of all series.
184
- */
185
118
  seriesDefaults: SeriesDefaults;
186
- /**
187
- * The configuration options of the Chart series tooltips.
188
- * The tooltip of the Chart series is displayed when the
189
- * [`tooltip.visible`]({% slug api_charts_tooltipcomponent %}#toc-visible) option is set to `true`.
190
- */
191
119
  tooltip: Tooltip;
192
- /**
193
- * The configuration options of the value axis.
194
- */
195
120
  valueAxis: ValueAxis | ValueAxis[];
196
- /**
197
- * The configuration options of the Scatter Chart X-axis.
198
- * Supports all [`valueAxis`]({% slug api_charts_valueaxisitemcomponent %}) options.
199
- */
200
121
  xAxis: XAxis | XAxis[];
201
- /**
202
- * The configuration options of the Scatter Chart Y-axis.
203
- * Supports all [`valueAxis`]({% slug api_charts_valueaxisitemcomponent %}) options.
204
- */
205
122
  yAxis: YAxis | YAxis[];
206
123
  /**
207
124
  * Fires when the user clicks an axis label ([see example]({% slug overview_chart_charts %}#toc-events)).
@@ -37,6 +37,7 @@ export { Padding } from '../field-types/padding.interface';
37
37
  export { PlotBand } from '../field-types/plot-band.interface';
38
38
  export { PlotBandLabel } from '../field-types/plot-band-label.interface';
39
39
  export { SeriesLabelsPosition } from '../field-types/series-labels-position';
40
+ export { SeriesLabelsAlignment } from '../field-types/series-labels-alignment';
40
41
  export { SeriesLine } from '../field-types/series-line.interface';
41
42
  export { SeriesMean } from '../field-types/series-mean.interface';
42
43
  export { SeriesMedian } from '../field-types/series-median.interface';
@@ -49,6 +50,7 @@ export { AxisLabelVisualArgs } from '../argument-types/axis-label-visual-args.in
49
50
  export { AxisNoteVisualArgs } from '../argument-types/axis-note-visual-args.interface';
50
51
  export { AxisNoteContentArgs } from '../argument-types/axis-note-content-args.interface';
51
52
  export { ErrorBarsVisualArgs } from '../argument-types/error-bars-visual-args.interface';
53
+ export { ErrorBarsValueArgs } from '../argument-types/error-bars-value-args.interface';
52
54
  export { HighlightToggleArgs } from '../argument-types/highlight-toggle-args.interface';
53
55
  export { HighlightVisualArgs } from '../argument-types/highlight-visual-args.interface';
54
56
  export { LegendItemVisualArgs } from '../argument-types/legend-item-visual-args.interface';
@@ -0,0 +1,5 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ export {};
@@ -0,0 +1,5 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ export {};
@@ -0,0 +1,5 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ export {};
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-charts',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1650973738,
12
+ publishDate: 1651222581,
13
13
  version: '',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
15
15
  };
@@ -1838,7 +1838,7 @@ const packageMetadata = {
1838
1838
  name: '@progress/kendo-angular-charts',
1839
1839
  productName: 'Kendo UI for Angular',
1840
1840
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
1841
- publishDate: 1650973738,
1841
+ publishDate: 1651222581,
1842
1842
  version: '',
1843
1843
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
1844
1844
  };
@@ -0,0 +1,21 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ /**
6
+ * The alignment of the label when [`series.type`]({% slug api_charts_series %}#toc-type) is set to `"donut"`, `"funnel"`, or `"pie"`.
7
+ *
8
+ * The supported values for `"donut"` and `"pie"` are:
9
+ *
10
+ * - `"circle"`—The labels are positioned in circle around the Chart.
11
+ * - `"column"`—The labels are positioned in columns to the left and right of the Chart.
12
+ *
13
+ * The supported values for `"funnel"` are:
14
+ *
15
+ * - `"center"`—The labels are positioned in the center over the funnel segment.
16
+ * - `"right"`—The labels are positioned on the right side of the Chart and, if there is enough
17
+ * space, do not overlap the funnel segments.
18
+ * - `"left"`—The labels are positioned on the left side of the Chart and, if there is enough
19
+ * space, do not overlap the funnel segments.
20
+ */
21
+ export declare type SeriesLabelsAlignment = 'circle' | 'column' | 'center' | 'right' | 'left';
package/main.d.ts CHANGED
@@ -14,6 +14,7 @@ export { ChartModule } from './chart.module';
14
14
  export { StockChartModule } from './stock-chart.module';
15
15
  export { SparklineModule } from './sparkline.module';
16
16
  export { ChartsModule } from './charts.module';
17
+ export { ChartOptions } from './chart-options.interface';
17
18
  export { CrosshairTooltipComponent } from './chart/tooltip/crosshair-tooltip.component';
18
19
  export { CrosshairTooltipsContainerComponent } from './chart/tooltip/crosshair-tooltips-container.component';
19
20
  export { DonutCenterTemplateDirective } from './chart/donut-center-template.directive';
@@ -3,7 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { drawing } from '@progress/kendo-drawing';
6
- import { ErrorBarLine, ErrorBarsVisualArgs } from '../../common/property-types';
6
+ import { ErrorBarLine, ErrorBarsValueArgs, ErrorBarsVisualArgs } from '../../common/property-types';
7
7
  /**
8
8
  * The configuration options of the series error bars.
9
9
  */
@@ -36,7 +36,7 @@ export interface SeriesErrorBars {
36
36
  * - An array that holds the low and high difference from the point value.
37
37
  * - A function that returns the `errorBars` point value.
38
38
  */
39
- value?: string;
39
+ value?: string | number | [number, number] | ((e: ErrorBarsValueArgs) => [number, number]);
40
40
  /**
41
41
  * A function that for creating custom visuals for the error bars.
42
42
  *
@@ -3,7 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { drawing } from '@progress/kendo-drawing';
6
- import { SeriesLabelsContentArgs } from '../../common/property-types';
6
+ import { SeriesLabelsAlignment, SeriesLabelsContentArgs } from '../../common/property-types';
7
7
  import { Border, Margin, Padding, SeriesLabelsVisualArgs } from '../../common/property-types';
8
8
  import { SeriesLabelsPosition } from '../../common/property-types';
9
9
  import { SeriesLabelsFrom } from './labels.from.interface';
@@ -14,21 +14,8 @@ import { SeriesLabelsTo } from './labels.to.interface';
14
14
  export interface SeriesLabels {
15
15
  /**
16
16
  * The alignment of the label when [`series.type`]({% slug api_charts_series %}#toc-type) is set to `"donut"`, `"funnel"`, or `"pie"`.
17
- *
18
- * The supported values for `"donut"` and `"pie"` are:
19
- *
20
- * - `"circle"`—The labels are positioned in circle around the Chart.
21
- * - `"column"`—The labels are positioned in columns to the left and right of the Chart.
22
- *
23
- * The supported values for `"funnel"` are:
24
- *
25
- * - `"center"`—The labels are positioned in the center over the funnel segment.
26
- * - `"right"`—The labels are positioned on the right side of the Chart and, if there is enough
27
- * space, do not overlap the funnel segments.
28
- * - `"left"`—The labels are positioned on the left side of the Chart and, if there is enough
29
- * space, do not overlap the funnel segments.
30
17
  */
31
- align?: 'circle' | 'column' | 'center' | 'right' | 'left';
18
+ align?: SeriesLabelsAlignment;
32
19
  /**
33
20
  * The background color of the labels. Accepts a valid CSS color string, including hex and rgb.
34
21
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-charts",
3
- "version": "7.1.0-dev.202204261149",
3
+ "version": "7.1.0-dev.202204290857",
4
4
  "description": "Kendo UI Charts for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",