@progress/kendo-angular-charts 13.2.0-develop.2 → 13.2.0-develop.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 +1 -1
- package/api-types/chart-axis.interface.d.ts +8 -8
- package/api-types/chart-pane.interface.d.ts +2 -2
- package/argument-types/legend-item-visual-args.interface.d.ts +1 -1
- package/chart/axis-defaults/crosshair.component.d.ts +1 -1
- package/chart/axis-defaults/labels.component.d.ts +1 -1
- package/chart/axis-defaults/title.component.d.ts +1 -1
- package/chart/axis-defaults.component.d.ts +5 -108
- package/chart-options.interface.d.ts +0 -4
- package/esm2020/chart/axis-defaults/crosshair.component.mjs +1 -1
- package/esm2020/chart/axis-defaults/labels.component.mjs +1 -1
- package/esm2020/chart/axis-defaults/title.component.mjs +1 -1
- package/esm2020/chart/axis-defaults.component.mjs +5 -108
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-charts.mjs +10 -113
- package/fesm2020/progress-kendo-angular-charts.mjs +10 -113
- package/field-types/auto-base-unit-steps.interface.d.ts +12 -7
- package/field-types/axis-line.interface.d.ts +1 -1
- package/field-types/axis-ticks.interface.d.ts +1 -1
- package/field-types/border.interface.d.ts +1 -1
- package/field-types/grid-lines.interface.d.ts +1 -1
- package/field-types/mousewheel-select.interface.d.ts +1 -6
- package/field-types/mousewheel-zoom.interface.d.ts +0 -1
- package/field-types/overlay.interface.d.ts +1 -5
- package/field-types/plot-band-label.interface.d.ts +3 -17
- package/field-types/series-line.interface.d.ts +0 -6
- package/field-types/series-median.interface.d.ts +1 -1
- package/field-types/series-stack.interface.d.ts +1 -4
- package/option-types/axis-defaults/crosshair.interface.d.ts +2 -12
- package/option-types/axis-defaults/crosshair.tooltip.interface.d.ts +1 -1
- package/option-types/axis-defaults/labels.interface.d.ts +1 -13
- package/option-types/axis-defaults/title.interface.d.ts +1 -17
- package/option-types/axis-defaults.interface.d.ts +3 -3
- package/option-types/category-axis-item/crosshair.interface.d.ts +0 -10
- package/option-types/category-axis-item/labels.interface.d.ts +3 -16
- package/option-types/category-axis-item/notes.icon.interface.d.ts +0 -6
- package/option-types/category-axis-item/notes.interface.d.ts +0 -14
- package/option-types/category-axis-item/notes.label.interface.d.ts +0 -5
- package/option-types/category-axis-item/title.interface.d.ts +0 -16
- package/option-types/category-axis-item.interface.d.ts +9 -26
- package/option-types/legend/item.interface.d.ts +0 -7
- package/option-types/legend/legend-title.interface.d.ts +0 -9
- package/option-types/legend/markers.interface.d.ts +1 -17
- package/option-types/legend.interface.d.ts +2 -20
- package/option-types/pane/title.interface.d.ts +2 -6
- package/option-types/pane-defaults/title.interface.d.ts +1 -13
- package/option-types/series-defaults/labels.interface.d.ts +0 -8
- package/option-types/series-defaults/notes.icon.interface.d.ts +0 -6
- package/option-types/series-defaults/notes.interface.d.ts +0 -11
- package/option-types/series-defaults/notes.label.interface.d.ts +0 -5
- package/option-types/series-defaults/tooltip.interface.d.ts +9 -12
- package/option-types/series-defaults.interface.d.ts +0 -41
- package/option-types/series-item/error-bars.interface.d.ts +0 -9
- package/option-types/series-item/extremes.interface.d.ts +0 -6
- package/option-types/series-item/highlight.interface.d.ts +0 -30
- package/option-types/series-item/labels.from.interface.d.ts +8 -8
- package/option-types/series-item/labels.interface.d.ts +0 -8
- package/option-types/series-item/labels.to.interface.d.ts +8 -8
- package/option-types/series-item/markers.interface.d.ts +0 -19
- package/option-types/series-item/notes.icon.interface.d.ts +0 -6
- package/option-types/series-item/notes.interface.d.ts +0 -19
- package/option-types/series-item/notes.label.interface.d.ts +0 -4
- package/option-types/series-item/outliers.interface.d.ts +0 -6
- package/option-types/series-item/tooltip.interface.d.ts +8 -14
- package/option-types/series-item.interface.d.ts +15 -59
- package/option-types/subtitle.interface.d.ts +2 -7
- package/option-types/title.interface.d.ts +2 -9
- package/option-types/tooltip.interface.d.ts +6 -9
- package/option-types/value-axis-item/labels.interface.d.ts +2 -21
- package/option-types/value-axis-item/notes.icon.interface.d.ts +0 -6
- package/option-types/value-axis-item/notes.interface.d.ts +0 -12
- package/option-types/value-axis-item/notes.label.interface.d.ts +0 -3
- package/option-types/value-axis-item/title.interface.d.ts +0 -16
- package/option-types/value-axis-item.interface.d.ts +5 -7
- package/option-types/x-axis-item/labels.interface.d.ts +0 -14
- package/option-types/x-axis-item/notes.icon.interface.d.ts +0 -6
- package/option-types/x-axis-item/notes.interface.d.ts +0 -13
- package/option-types/x-axis-item/notes.label.interface.d.ts +0 -4
- package/option-types/x-axis-item/title.interface.d.ts +0 -16
- package/option-types/x-axis-item.interface.d.ts +2 -19
- package/option-types/y-axis-item/labels.interface.d.ts +0 -14
- package/option-types/y-axis-item/notes.icon.interface.d.ts +0 -6
- package/option-types/y-axis-item/notes.interface.d.ts +0 -12
- package/option-types/y-axis-item/notes.label.interface.d.ts +0 -4
- package/option-types/y-axis-item/title.interface.d.ts +0 -16
- package/option-types/y-axis-item.interface.d.ts +2 -19
- package/package.json +7 -7
- package/stock-chart/option-types/navigator/hint.interface.d.ts +2 -5
package/README.md
CHANGED
|
@@ -20,7 +20,7 @@ The [Kendo UI for Angular Charts](https://www.telerik.com/kendo-angular-ui/chart
|
|
|
20
20
|
|
|
21
21
|
The [Angular Charts](https://www.telerik.com/kendo-angular-ui/components/charts/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-charts) package includes three purpose-built components:
|
|
22
22
|
|
|
23
|
-
* [Angular Chart](https://www.telerik.com/kendo-angular-ui/components/charts
|
|
23
|
+
* [Angular Chart](https://www.telerik.com/kendo-angular-ui/components/charts/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-charts)—These are a collection of every popular chart type. Each supports robust data binding, multiple axes, pan and zoom, export to image and pdf, extensive and easy customization and much more. Series types include:
|
|
24
24
|
- [Angular Area Chart](https://www.telerik.com/kendo-angular-ui/components/charts/series-types/area/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-charts)
|
|
25
25
|
- [Angular Bar Chart](https://www.telerik.com/kendo-angular-ui/components/charts/series-types/bar/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-charts)
|
|
26
26
|
- [Angular Box Plot Chart](https://www.telerik.com/kendo-angular-ui/components/charts/series-types/box-plot/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-charts)
|
|
@@ -11,29 +11,29 @@ export interface ChartAxis {
|
|
|
11
11
|
/**
|
|
12
12
|
* Returns the axis range.
|
|
13
13
|
*
|
|
14
|
-
* @returns {AxisRange}
|
|
14
|
+
* @returns {AxisRange} The axis range.
|
|
15
15
|
*/
|
|
16
16
|
range(): AxisRange;
|
|
17
17
|
/**
|
|
18
18
|
* Returns a slot based on the specified `from` and `to` values.
|
|
19
19
|
*
|
|
20
|
-
* @param from
|
|
21
|
-
* @param to
|
|
22
|
-
* @param limit
|
|
23
|
-
* @returns {Promise<string>}
|
|
20
|
+
* @param from The slot start value.
|
|
21
|
+
* @param to The end slot value. If not specified, the `from` value is used.
|
|
22
|
+
* @param limit The parameters for the exported image.
|
|
23
|
+
* @returns {Promise<string>} Indicates whether the slot is limited to the current range. By default, the range is limited.
|
|
24
24
|
*/
|
|
25
25
|
slot(from: string | number | Date, to?: string | number | Date, limit?: boolean): geometry.Rect | geometry.Arc;
|
|
26
26
|
/**
|
|
27
27
|
* Returns the value that corresponds to the passed surface point.
|
|
28
28
|
*
|
|
29
|
-
* @param { Point } point
|
|
30
|
-
* @returns {string | number | Date}
|
|
29
|
+
* @param { Point } point The surface point of the Chart.
|
|
30
|
+
* @returns {string | number | Date} The value that corresponds to the point.
|
|
31
31
|
*/
|
|
32
32
|
value(point: geometry.Point): string | number | Date;
|
|
33
33
|
/**
|
|
34
34
|
* Returns the axis range which is determined by the minimum and maximum point values that are associated with the axis.
|
|
35
35
|
*
|
|
36
|
-
* @returns {AxisRange}
|
|
36
|
+
* @returns {AxisRange} The value range.
|
|
37
37
|
*/
|
|
38
38
|
valueRange(): AxisRange;
|
|
39
39
|
}
|
|
@@ -19,8 +19,8 @@ export interface ChartPane {
|
|
|
19
19
|
/**
|
|
20
20
|
* Returns the axis from the pane with the specified name.
|
|
21
21
|
*
|
|
22
|
-
* @param {string} name
|
|
23
|
-
* @returns {ChartAxis}
|
|
22
|
+
* @param {string} name The axis name.
|
|
23
|
+
* @returns {ChartAxis} The axis with a corresponding name.
|
|
24
24
|
*/
|
|
25
25
|
findAxisByName(name: string): ChartAxis;
|
|
26
26
|
}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { ChartComponent } from '../chart.component';
|
|
6
6
|
import { drawing } from '@progress/kendo-drawing';
|
|
7
7
|
/**
|
|
8
|
-
* The context for the legend item visual function.
|
|
8
|
+
* The context for the legend item visual function ([see example](slug:legend_chart_charts#toc-customizing-the-shape)).
|
|
9
9
|
*/
|
|
10
10
|
export interface LegendItemVisualArgs {
|
|
11
11
|
/**
|
|
@@ -8,7 +8,7 @@ import { AxisDefaultsCrosshair, AxisDefaultsCrosshairTooltip } from '../../commo
|
|
|
8
8
|
import { SettingsComponent } from '../../common/settings.component';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
11
|
-
* The crosshair configuration options ([see example](
|
|
11
|
+
* The crosshair configuration options ([see example](slug:axes_chart_charts#toc-default-axis-configuration)).
|
|
12
12
|
*/
|
|
13
13
|
export declare class AxisDefaultsCrosshairComponent extends SettingsComponent implements AxisDefaultsCrosshair {
|
|
14
14
|
configurationService: ConfigurationService;
|
|
@@ -9,7 +9,7 @@ import { AxisDefaultsLabels } from '../../common/property-types';
|
|
|
9
9
|
import { SettingsComponent } from '../../common/settings.component';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
/**
|
|
12
|
-
* The configuration of the axis labels ([see example](
|
|
12
|
+
* The configuration of the axis labels ([see example](slug:axes_chart_charts#toc-default-axis-configuration)).
|
|
13
13
|
*/
|
|
14
14
|
export declare class AxisDefaultsLabelsComponent extends SettingsComponent implements AxisDefaultsLabels {
|
|
15
15
|
configurationService: ConfigurationService;
|
|
@@ -9,7 +9,7 @@ import { AxisDefaultsTitle } from '../../common/property-types';
|
|
|
9
9
|
import { SettingsComponent } from '../../common/settings.component';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
/**
|
|
12
|
-
* The configuration of the axis title ([see example](
|
|
12
|
+
* The configuration of the axis title ([see example](slug:axes_chart_charts#toc-default-axis-configuration)).
|
|
13
13
|
*/
|
|
14
14
|
export declare class AxisDefaultsTitleComponent extends SettingsComponent implements AxisDefaultsTitle {
|
|
15
15
|
configurationService: ConfigurationService;
|
|
@@ -8,115 +8,12 @@ import { AxisDefaults, AxisDefaultsCrosshair, AxisDefaultsLabels, AxisDefaultsTi
|
|
|
8
8
|
import { SettingsComponent } from '../common/settings.component';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
11
|
-
* The default options for all Chart axes.
|
|
12
|
-
* Accepts the options which are supported by [`categoryAxis`](
|
|
13
|
-
* [`valueAxis`](
|
|
14
|
-
* [`xAxis`](
|
|
15
|
-
* and [`yAxis`](
|
|
11
|
+
* The default options for all Chart axes ([see example](slug:axes_chart_charts#toc-default-axis-configuration)).
|
|
12
|
+
* Accepts the options which are supported by [`categoryAxis`](slug:api_charts_categoryaxisitemcomponent),
|
|
13
|
+
* [`valueAxis`](slug:api_charts_valueaxisitemcomponent),
|
|
14
|
+
* [`xAxis`](slug:api_charts_xaxisitemcomponent),
|
|
15
|
+
* and [`yAxis`](slug:api_charts_yaxisitemcomponent).
|
|
16
16
|
*
|
|
17
|
-
* @example
|
|
18
|
-
* ```ts-preview
|
|
19
|
-
* import { Component } from '@angular/core';
|
|
20
|
-
*
|
|
21
|
-
* _@Component({
|
|
22
|
-
* selector: 'my-app',
|
|
23
|
-
* template: `
|
|
24
|
-
* <div style="height: 600px;">
|
|
25
|
-
* <kendo-chart [categoryAxis]="{ categories: categories }" [chartArea]="{height: 600}" >
|
|
26
|
-
* <kendo-chart-axis-defaults
|
|
27
|
-
* [background]="background"
|
|
28
|
-
* [color]="color"
|
|
29
|
-
* [crosshair]="crosshair"
|
|
30
|
-
* [labels]="labels"
|
|
31
|
-
* [line]="line"
|
|
32
|
-
* [majorGridLines]="majorGridLines"
|
|
33
|
-
* [minorGridLines]="minorGridLines"
|
|
34
|
-
* [majorTicks]="majorTicks"
|
|
35
|
-
* [minorTicks]="minorTicks"
|
|
36
|
-
* [title]="title"
|
|
37
|
-
* ></kendo-chart-axis-defaults>
|
|
38
|
-
* <kendo-chart-title text="Gross domestic product growth /GDP annual %/"></kendo-chart-title>
|
|
39
|
-
* <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>
|
|
40
|
-
* <kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip>
|
|
41
|
-
* <kendo-chart-series>
|
|
42
|
-
* <kendo-chart-series-item *ngFor="let item of series"
|
|
43
|
-
* type="line" style="smooth" [data]="item.data" [name]="item.name">
|
|
44
|
-
* </kendo-chart-series-item>
|
|
45
|
-
* </kendo-chart-series>
|
|
46
|
-
* </kendo-chart>
|
|
47
|
-
* </div>
|
|
48
|
-
* `
|
|
49
|
-
* })
|
|
50
|
-
* export class AppComponent {
|
|
51
|
-
* public series: any[] = [{
|
|
52
|
-
* name: "India",
|
|
53
|
-
* data: [4, 8, 8, 9, 9, 9, 3, 8, 9, 6]
|
|
54
|
-
* }, {
|
|
55
|
-
* name: "Russian Federation",
|
|
56
|
-
* data: [4, 7, 7, 6, 8, 8, 5, 8, 4, 4]
|
|
57
|
-
* }, {
|
|
58
|
-
* name: "Germany",
|
|
59
|
-
* data: [0, 0, 1, 1, 4, 3, 1, 5, 4, 3]
|
|
60
|
-
* },{
|
|
61
|
-
* name: "World",
|
|
62
|
-
* data: [2, 3, 4, 4, 4, 4, 1, 2, 4, 3]
|
|
63
|
-
* }];
|
|
64
|
-
*
|
|
65
|
-
* public categories: number[] = [2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011];
|
|
66
|
-
*
|
|
67
|
-
* public background = 'white';
|
|
68
|
-
* // public color = 'cyan'; // will override the line.color option
|
|
69
|
-
* public crosshair = {
|
|
70
|
-
* visible: true
|
|
71
|
-
* };
|
|
72
|
-
* public labels = {
|
|
73
|
-
* font: 'bold 12px/30px Helvetica, Arial, sans-serif',
|
|
74
|
-
* color: '#4CAF50',
|
|
75
|
-
* padding: 5,
|
|
76
|
-
* rotation: 45,
|
|
77
|
-
* background: 'white',
|
|
78
|
-
* border: {
|
|
79
|
-
* color: '#4CAF50',
|
|
80
|
-
* width: 2
|
|
81
|
-
* },
|
|
82
|
-
* };
|
|
83
|
-
* public line = {
|
|
84
|
-
* color: 'black',
|
|
85
|
-
* width: 3
|
|
86
|
-
* };
|
|
87
|
-
*
|
|
88
|
-
* public majorGridLines = {
|
|
89
|
-
* color: 'black',
|
|
90
|
-
* visible: true
|
|
91
|
-
* }
|
|
92
|
-
*
|
|
93
|
-
* public minorGridLines = {
|
|
94
|
-
* color: 'lightgray',
|
|
95
|
-
* visible: true
|
|
96
|
-
* }
|
|
97
|
-
*
|
|
98
|
-
* public majorTicks = {
|
|
99
|
-
* color: 'black',
|
|
100
|
-
* size: 15
|
|
101
|
-
* }
|
|
102
|
-
*
|
|
103
|
-
* public minorTicks = {
|
|
104
|
-
* color: 'lightgray',
|
|
105
|
-
* size: 10
|
|
106
|
-
* }
|
|
107
|
-
*
|
|
108
|
-
* public title = {
|
|
109
|
-
* text: 'Default Axis Title',
|
|
110
|
-
* color: 'black',
|
|
111
|
-
* background: 'white',
|
|
112
|
-
* border: {
|
|
113
|
-
* color: 'black',
|
|
114
|
-
* width: 2
|
|
115
|
-
* },
|
|
116
|
-
* padding: 10
|
|
117
|
-
* }
|
|
118
|
-
* }
|
|
119
|
-
* ```
|
|
120
17
|
*/
|
|
121
18
|
export declare class AxisDefaultsComponent extends SettingsComponent implements AxisDefaults {
|
|
122
19
|
configurationService: ConfigurationService;
|
|
@@ -14,10 +14,6 @@ export interface ChartOptions {
|
|
|
14
14
|
/**
|
|
15
15
|
* Sets the preferred rendering engine.
|
|
16
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
17
|
*/
|
|
22
18
|
renderAs?: 'svg' | 'canvas';
|
|
23
19
|
/**
|
|
@@ -9,7 +9,7 @@ import { SettingsComponent } from '../../common/settings.component';
|
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
import * as i1 from "../../common/configuration.service";
|
|
11
11
|
/**
|
|
12
|
-
* The crosshair configuration options ([see example](
|
|
12
|
+
* The crosshair configuration options ([see example](slug:axes_chart_charts#toc-default-axis-configuration)).
|
|
13
13
|
*/
|
|
14
14
|
export class AxisDefaultsCrosshairComponent extends SettingsComponent {
|
|
15
15
|
constructor(configurationService) {
|
|
@@ -9,7 +9,7 @@ import { SettingsComponent } from '../../common/settings.component';
|
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
import * as i1 from "../../common/configuration.service";
|
|
11
11
|
/**
|
|
12
|
-
* The configuration of the axis labels ([see example](
|
|
12
|
+
* The configuration of the axis labels ([see example](slug:axes_chart_charts#toc-default-axis-configuration)).
|
|
13
13
|
*/
|
|
14
14
|
export class AxisDefaultsLabelsComponent extends SettingsComponent {
|
|
15
15
|
constructor(configurationService) {
|
|
@@ -9,7 +9,7 @@ import { SettingsComponent } from '../../common/settings.component';
|
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
import * as i1 from "../../common/configuration.service";
|
|
11
11
|
/**
|
|
12
|
-
* The configuration of the axis title ([see example](
|
|
12
|
+
* The configuration of the axis title ([see example](slug:axes_chart_charts#toc-default-axis-configuration)).
|
|
13
13
|
*/
|
|
14
14
|
export class AxisDefaultsTitleComponent extends SettingsComponent {
|
|
15
15
|
constructor(configurationService) {
|
|
@@ -8,115 +8,12 @@ import { SettingsComponent } from '../common/settings.component';
|
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
import * as i1 from "../common/configuration.service";
|
|
10
10
|
/**
|
|
11
|
-
* The default options for all Chart axes.
|
|
12
|
-
* Accepts the options which are supported by [`categoryAxis`](
|
|
13
|
-
* [`valueAxis`](
|
|
14
|
-
* [`xAxis`](
|
|
15
|
-
* and [`yAxis`](
|
|
11
|
+
* The default options for all Chart axes ([see example](slug:axes_chart_charts#toc-default-axis-configuration)).
|
|
12
|
+
* Accepts the options which are supported by [`categoryAxis`](slug:api_charts_categoryaxisitemcomponent),
|
|
13
|
+
* [`valueAxis`](slug:api_charts_valueaxisitemcomponent),
|
|
14
|
+
* [`xAxis`](slug:api_charts_xaxisitemcomponent),
|
|
15
|
+
* and [`yAxis`](slug:api_charts_yaxisitemcomponent).
|
|
16
16
|
*
|
|
17
|
-
* @example
|
|
18
|
-
* ```ts-preview
|
|
19
|
-
* import { Component } from '@angular/core';
|
|
20
|
-
*
|
|
21
|
-
* _@Component({
|
|
22
|
-
* selector: 'my-app',
|
|
23
|
-
* template: `
|
|
24
|
-
* <div style="height: 600px;">
|
|
25
|
-
* <kendo-chart [categoryAxis]="{ categories: categories }" [chartArea]="{height: 600}" >
|
|
26
|
-
* <kendo-chart-axis-defaults
|
|
27
|
-
* [background]="background"
|
|
28
|
-
* [color]="color"
|
|
29
|
-
* [crosshair]="crosshair"
|
|
30
|
-
* [labels]="labels"
|
|
31
|
-
* [line]="line"
|
|
32
|
-
* [majorGridLines]="majorGridLines"
|
|
33
|
-
* [minorGridLines]="minorGridLines"
|
|
34
|
-
* [majorTicks]="majorTicks"
|
|
35
|
-
* [minorTicks]="minorTicks"
|
|
36
|
-
* [title]="title"
|
|
37
|
-
* ></kendo-chart-axis-defaults>
|
|
38
|
-
* <kendo-chart-title text="Gross domestic product growth /GDP annual %/"></kendo-chart-title>
|
|
39
|
-
* <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>
|
|
40
|
-
* <kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip>
|
|
41
|
-
* <kendo-chart-series>
|
|
42
|
-
* <kendo-chart-series-item *ngFor="let item of series"
|
|
43
|
-
* type="line" style="smooth" [data]="item.data" [name]="item.name">
|
|
44
|
-
* </kendo-chart-series-item>
|
|
45
|
-
* </kendo-chart-series>
|
|
46
|
-
* </kendo-chart>
|
|
47
|
-
* </div>
|
|
48
|
-
* `
|
|
49
|
-
* })
|
|
50
|
-
* export class AppComponent {
|
|
51
|
-
* public series: any[] = [{
|
|
52
|
-
* name: "India",
|
|
53
|
-
* data: [4, 8, 8, 9, 9, 9, 3, 8, 9, 6]
|
|
54
|
-
* }, {
|
|
55
|
-
* name: "Russian Federation",
|
|
56
|
-
* data: [4, 7, 7, 6, 8, 8, 5, 8, 4, 4]
|
|
57
|
-
* }, {
|
|
58
|
-
* name: "Germany",
|
|
59
|
-
* data: [0, 0, 1, 1, 4, 3, 1, 5, 4, 3]
|
|
60
|
-
* },{
|
|
61
|
-
* name: "World",
|
|
62
|
-
* data: [2, 3, 4, 4, 4, 4, 1, 2, 4, 3]
|
|
63
|
-
* }];
|
|
64
|
-
*
|
|
65
|
-
* public categories: number[] = [2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011];
|
|
66
|
-
*
|
|
67
|
-
* public background = 'white';
|
|
68
|
-
* // public color = 'cyan'; // will override the line.color option
|
|
69
|
-
* public crosshair = {
|
|
70
|
-
* visible: true
|
|
71
|
-
* };
|
|
72
|
-
* public labels = {
|
|
73
|
-
* font: 'bold 12px/30px Helvetica, Arial, sans-serif',
|
|
74
|
-
* color: '#4CAF50',
|
|
75
|
-
* padding: 5,
|
|
76
|
-
* rotation: 45,
|
|
77
|
-
* background: 'white',
|
|
78
|
-
* border: {
|
|
79
|
-
* color: '#4CAF50',
|
|
80
|
-
* width: 2
|
|
81
|
-
* },
|
|
82
|
-
* };
|
|
83
|
-
* public line = {
|
|
84
|
-
* color: 'black',
|
|
85
|
-
* width: 3
|
|
86
|
-
* };
|
|
87
|
-
*
|
|
88
|
-
* public majorGridLines = {
|
|
89
|
-
* color: 'black',
|
|
90
|
-
* visible: true
|
|
91
|
-
* }
|
|
92
|
-
*
|
|
93
|
-
* public minorGridLines = {
|
|
94
|
-
* color: 'lightgray',
|
|
95
|
-
* visible: true
|
|
96
|
-
* }
|
|
97
|
-
*
|
|
98
|
-
* public majorTicks = {
|
|
99
|
-
* color: 'black',
|
|
100
|
-
* size: 15
|
|
101
|
-
* }
|
|
102
|
-
*
|
|
103
|
-
* public minorTicks = {
|
|
104
|
-
* color: 'lightgray',
|
|
105
|
-
* size: 10
|
|
106
|
-
* }
|
|
107
|
-
*
|
|
108
|
-
* public title = {
|
|
109
|
-
* text: 'Default Axis Title',
|
|
110
|
-
* color: 'black',
|
|
111
|
-
* background: 'white',
|
|
112
|
-
* border: {
|
|
113
|
-
* color: 'black',
|
|
114
|
-
* width: 2
|
|
115
|
-
* },
|
|
116
|
-
* padding: 10
|
|
117
|
-
* }
|
|
118
|
-
* }
|
|
119
|
-
* ```
|
|
120
17
|
*/
|
|
121
18
|
export class AxisDefaultsComponent extends SettingsComponent {
|
|
122
19
|
constructor(configurationService) {
|
|
@@ -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:
|
|
13
|
-
version: '13.2.0-develop.
|
|
12
|
+
publishDate: 1688648231,
|
|
13
|
+
version: '13.2.0-develop.4',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -1858,8 +1858,8 @@ const packageMetadata = {
|
|
|
1858
1858
|
name: '@progress/kendo-angular-charts',
|
|
1859
1859
|
productName: 'Kendo UI for Angular',
|
|
1860
1860
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
1861
|
-
publishDate:
|
|
1862
|
-
version: '13.2.0-develop.
|
|
1861
|
+
publishDate: 1688648231,
|
|
1862
|
+
version: '13.2.0-develop.4',
|
|
1863
1863
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
1864
1864
|
};
|
|
1865
1865
|
|
|
@@ -3236,115 +3236,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
3236
3236
|
}] } });
|
|
3237
3237
|
|
|
3238
3238
|
/**
|
|
3239
|
-
* The default options for all Chart axes.
|
|
3240
|
-
* Accepts the options which are supported by [`categoryAxis`](
|
|
3241
|
-
* [`valueAxis`](
|
|
3242
|
-
* [`xAxis`](
|
|
3243
|
-
* and [`yAxis`](
|
|
3239
|
+
* The default options for all Chart axes ([see example](slug:axes_chart_charts#toc-default-axis-configuration)).
|
|
3240
|
+
* Accepts the options which are supported by [`categoryAxis`](slug:api_charts_categoryaxisitemcomponent),
|
|
3241
|
+
* [`valueAxis`](slug:api_charts_valueaxisitemcomponent),
|
|
3242
|
+
* [`xAxis`](slug:api_charts_xaxisitemcomponent),
|
|
3243
|
+
* and [`yAxis`](slug:api_charts_yaxisitemcomponent).
|
|
3244
3244
|
*
|
|
3245
|
-
* @example
|
|
3246
|
-
* ```ts-preview
|
|
3247
|
-
* import { Component } from '@angular/core';
|
|
3248
|
-
*
|
|
3249
|
-
* _@Component({
|
|
3250
|
-
* selector: 'my-app',
|
|
3251
|
-
* template: `
|
|
3252
|
-
* <div style="height: 600px;">
|
|
3253
|
-
* <kendo-chart [categoryAxis]="{ categories: categories }" [chartArea]="{height: 600}" >
|
|
3254
|
-
* <kendo-chart-axis-defaults
|
|
3255
|
-
* [background]="background"
|
|
3256
|
-
* [color]="color"
|
|
3257
|
-
* [crosshair]="crosshair"
|
|
3258
|
-
* [labels]="labels"
|
|
3259
|
-
* [line]="line"
|
|
3260
|
-
* [majorGridLines]="majorGridLines"
|
|
3261
|
-
* [minorGridLines]="minorGridLines"
|
|
3262
|
-
* [majorTicks]="majorTicks"
|
|
3263
|
-
* [minorTicks]="minorTicks"
|
|
3264
|
-
* [title]="title"
|
|
3265
|
-
* ></kendo-chart-axis-defaults>
|
|
3266
|
-
* <kendo-chart-title text="Gross domestic product growth /GDP annual %/"></kendo-chart-title>
|
|
3267
|
-
* <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>
|
|
3268
|
-
* <kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip>
|
|
3269
|
-
* <kendo-chart-series>
|
|
3270
|
-
* <kendo-chart-series-item *ngFor="let item of series"
|
|
3271
|
-
* type="line" style="smooth" [data]="item.data" [name]="item.name">
|
|
3272
|
-
* </kendo-chart-series-item>
|
|
3273
|
-
* </kendo-chart-series>
|
|
3274
|
-
* </kendo-chart>
|
|
3275
|
-
* </div>
|
|
3276
|
-
* `
|
|
3277
|
-
* })
|
|
3278
|
-
* export class AppComponent {
|
|
3279
|
-
* public series: any[] = [{
|
|
3280
|
-
* name: "India",
|
|
3281
|
-
* data: [4, 8, 8, 9, 9, 9, 3, 8, 9, 6]
|
|
3282
|
-
* }, {
|
|
3283
|
-
* name: "Russian Federation",
|
|
3284
|
-
* data: [4, 7, 7, 6, 8, 8, 5, 8, 4, 4]
|
|
3285
|
-
* }, {
|
|
3286
|
-
* name: "Germany",
|
|
3287
|
-
* data: [0, 0, 1, 1, 4, 3, 1, 5, 4, 3]
|
|
3288
|
-
* },{
|
|
3289
|
-
* name: "World",
|
|
3290
|
-
* data: [2, 3, 4, 4, 4, 4, 1, 2, 4, 3]
|
|
3291
|
-
* }];
|
|
3292
|
-
*
|
|
3293
|
-
* public categories: number[] = [2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011];
|
|
3294
|
-
*
|
|
3295
|
-
* public background = 'white';
|
|
3296
|
-
* // public color = 'cyan'; // will override the line.color option
|
|
3297
|
-
* public crosshair = {
|
|
3298
|
-
* visible: true
|
|
3299
|
-
* };
|
|
3300
|
-
* public labels = {
|
|
3301
|
-
* font: 'bold 12px/30px Helvetica, Arial, sans-serif',
|
|
3302
|
-
* color: '#4CAF50',
|
|
3303
|
-
* padding: 5,
|
|
3304
|
-
* rotation: 45,
|
|
3305
|
-
* background: 'white',
|
|
3306
|
-
* border: {
|
|
3307
|
-
* color: '#4CAF50',
|
|
3308
|
-
* width: 2
|
|
3309
|
-
* },
|
|
3310
|
-
* };
|
|
3311
|
-
* public line = {
|
|
3312
|
-
* color: 'black',
|
|
3313
|
-
* width: 3
|
|
3314
|
-
* };
|
|
3315
|
-
*
|
|
3316
|
-
* public majorGridLines = {
|
|
3317
|
-
* color: 'black',
|
|
3318
|
-
* visible: true
|
|
3319
|
-
* }
|
|
3320
|
-
*
|
|
3321
|
-
* public minorGridLines = {
|
|
3322
|
-
* color: 'lightgray',
|
|
3323
|
-
* visible: true
|
|
3324
|
-
* }
|
|
3325
|
-
*
|
|
3326
|
-
* public majorTicks = {
|
|
3327
|
-
* color: 'black',
|
|
3328
|
-
* size: 15
|
|
3329
|
-
* }
|
|
3330
|
-
*
|
|
3331
|
-
* public minorTicks = {
|
|
3332
|
-
* color: 'lightgray',
|
|
3333
|
-
* size: 10
|
|
3334
|
-
* }
|
|
3335
|
-
*
|
|
3336
|
-
* public title = {
|
|
3337
|
-
* text: 'Default Axis Title',
|
|
3338
|
-
* color: 'black',
|
|
3339
|
-
* background: 'white',
|
|
3340
|
-
* border: {
|
|
3341
|
-
* color: 'black',
|
|
3342
|
-
* width: 2
|
|
3343
|
-
* },
|
|
3344
|
-
* padding: 10
|
|
3345
|
-
* }
|
|
3346
|
-
* }
|
|
3347
|
-
* ```
|
|
3348
3245
|
*/
|
|
3349
3246
|
class AxisDefaultsComponent extends SettingsComponent {
|
|
3350
3247
|
constructor(configurationService) {
|
|
@@ -3396,7 +3293,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
3396
3293
|
}] } });
|
|
3397
3294
|
|
|
3398
3295
|
/**
|
|
3399
|
-
* The crosshair configuration options ([see example](
|
|
3296
|
+
* The crosshair configuration options ([see example](slug:axes_chart_charts#toc-default-axis-configuration)).
|
|
3400
3297
|
*/
|
|
3401
3298
|
class AxisDefaultsCrosshairComponent extends SettingsComponent {
|
|
3402
3299
|
constructor(configurationService) {
|
|
@@ -3466,7 +3363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
3466
3363
|
}] } });
|
|
3467
3364
|
|
|
3468
3365
|
/**
|
|
3469
|
-
* The configuration of the axis labels ([see example](
|
|
3366
|
+
* The configuration of the axis labels ([see example](slug:axes_chart_charts#toc-default-axis-configuration)).
|
|
3470
3367
|
*/
|
|
3471
3368
|
class AxisDefaultsLabelsComponent extends SettingsComponent {
|
|
3472
3369
|
constructor(configurationService) {
|
|
@@ -3508,7 +3405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
3508
3405
|
}] } });
|
|
3509
3406
|
|
|
3510
3407
|
/**
|
|
3511
|
-
* The configuration of the axis title ([see example](
|
|
3408
|
+
* The configuration of the axis title ([see example](slug:axes_chart_charts#toc-default-axis-configuration)).
|
|
3512
3409
|
*/
|
|
3513
3410
|
class AxisDefaultsTitleComponent extends SettingsComponent {
|
|
3514
3411
|
constructor(configurationService) {
|