@progress/kendo-angular-charts 7.1.1-dev.202207071646 → 7.2.0
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/bundles/kendo-angular-charts.umd.js +1 -1
- package/chart/subtitle.component.d.ts +89 -0
- package/chart-options.interface.d.ts +4 -0
- package/chart.component.d.ts +3 -2
- package/chart.directives.d.ts +2 -1
- package/chart.module.d.ts +35 -34
- package/common/property-types.d.ts +1 -0
- package/esm2015/chart/subtitle.component.js +108 -0
- package/esm2015/chart.component.js +3 -1
- package/esm2015/chart.directives.js +3 -1
- package/esm2015/chart.module.js +32 -31
- package/esm2015/common/theme.service.js +2 -0
- package/esm2015/option-types/subtitle.interface.js +5 -0
- package/esm2015/package-metadata.js +1 -1
- package/fesm2015/kendo-angular-charts.js +110 -4
- package/option-types/subtitle.interface.d.ts +66 -0
- package/package.json +2 -2
|
@@ -0,0 +1,89 @@
|
|
|
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 { ConfigurationService } from '../common/configuration.service';
|
|
6
|
+
import { Border, Margin, Padding } from '../common/property-types';
|
|
7
|
+
import { Subtitle } from '../common/property-types';
|
|
8
|
+
import { SettingsComponent } from '../common/settings.component';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
/**
|
|
11
|
+
* The configuration options of the Chart subtitle or text
|
|
12
|
+
* ([see example]({% slug title_chart_charts %})).
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```ts-preview
|
|
16
|
+
* import { Component } from '@angular/core';
|
|
17
|
+
*
|
|
18
|
+
* _@Component({
|
|
19
|
+
* selector: 'my-app',
|
|
20
|
+
* template: `
|
|
21
|
+
* <kendo-chart [categoryAxis]="{ categories: categories }">
|
|
22
|
+
* <kendo-chart-title text="Gross domestic product growth"></kendo-chart-title>
|
|
23
|
+
* <kendo-chart-subtitle text="/GDP annual %/"></kendo-chart-subtitle>
|
|
24
|
+
* <kendo-chart-legend
|
|
25
|
+
* position="bottom"
|
|
26
|
+
* orientation="horizontal"
|
|
27
|
+
* align="end"
|
|
28
|
+
* background="rgba(255, 0, 0, 0.1)"
|
|
29
|
+
* [border]="borderOptions"
|
|
30
|
+
* [margin]="10"
|
|
31
|
+
* [padding]="10"
|
|
32
|
+
* [width]="150"
|
|
33
|
+
* [offsetX]="11"
|
|
34
|
+
* [offsetY]="-103"
|
|
35
|
+
* [reverse]="true"
|
|
36
|
+
* [visible]="isVisible"
|
|
37
|
+
* ></kendo-chart-legend>
|
|
38
|
+
* <kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip>
|
|
39
|
+
* <kendo-chart-series>
|
|
40
|
+
* <kendo-chart-series-item *ngFor="let item of series"
|
|
41
|
+
* type="line" style="smooth" [data]="item.data" [name]="item.name">
|
|
42
|
+
* </kendo-chart-series-item>
|
|
43
|
+
* </kendo-chart-series>
|
|
44
|
+
* </kendo-chart>
|
|
45
|
+
* <br /><br />
|
|
46
|
+
* <button kendoButton (click)="isVisible=!isVisible">Toggle Legend</button>
|
|
47
|
+
* `
|
|
48
|
+
* })
|
|
49
|
+
* export class AppComponent {
|
|
50
|
+
* public isVisible = true;
|
|
51
|
+
* public borderOptions = {
|
|
52
|
+
* color: "rgba(255, 0, 0, 0.8)",
|
|
53
|
+
* dashType: 'dash',
|
|
54
|
+
* width: 2
|
|
55
|
+
* };
|
|
56
|
+
*
|
|
57
|
+
* public series: any[] = [{
|
|
58
|
+
* name: "India",
|
|
59
|
+
* data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855]
|
|
60
|
+
* }, {
|
|
61
|
+
* name: "Russian Federation",
|
|
62
|
+
* data: [4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3]
|
|
63
|
+
* }, {
|
|
64
|
+
* name: "Germany",
|
|
65
|
+
* data: [0.010, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.690, 2.995]
|
|
66
|
+
* },{
|
|
67
|
+
* name: "World",
|
|
68
|
+
* data: [1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727]
|
|
69
|
+
* }];
|
|
70
|
+
* public categories: number[] = [2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011];
|
|
71
|
+
* }
|
|
72
|
+
* ```
|
|
73
|
+
*/
|
|
74
|
+
export declare class SubtitleComponent extends SettingsComponent implements Subtitle {
|
|
75
|
+
configurationService: ConfigurationService;
|
|
76
|
+
align: 'center' | 'left' | 'right';
|
|
77
|
+
background: string;
|
|
78
|
+
border: Border;
|
|
79
|
+
color: string;
|
|
80
|
+
font: string;
|
|
81
|
+
margin: Margin | number;
|
|
82
|
+
padding: Padding | number;
|
|
83
|
+
position: 'top' | 'bottom';
|
|
84
|
+
text: string;
|
|
85
|
+
visible: boolean;
|
|
86
|
+
constructor(configurationService: ConfigurationService);
|
|
87
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SubtitleComponent, never>;
|
|
88
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SubtitleComponent, "kendo-chart-subtitle", never, { "align": "align"; "background": "background"; "border": "border"; "color": "color"; "font": "font"; "margin": "margin"; "padding": "padding"; "position": "position"; "text": "text"; "visible": "visible"; }, {}, never, never>;
|
|
89
|
+
}
|
|
@@ -25,6 +25,10 @@ export interface ChartOptions {
|
|
|
25
25
|
* When all colors are used, new colors are pulled from the start again.
|
|
26
26
|
*/
|
|
27
27
|
seriesColors?: string[];
|
|
28
|
+
/**
|
|
29
|
+
* The configuration options or the text of the Chart subtitle.
|
|
30
|
+
*/
|
|
31
|
+
subtitle?: string | Title;
|
|
28
32
|
/**
|
|
29
33
|
* The configuration options or the text of the Chart title.
|
|
30
34
|
*/
|
package/chart.component.d.ts
CHANGED
|
@@ -24,7 +24,7 @@ import { TooltipPopupComponent } from './chart/tooltip/tooltip-popup.component';
|
|
|
24
24
|
import { ChartSVGExportOptions, ChartVisualExportOptions } from './common/api-types';
|
|
25
25
|
import { ChartInstanceObserver } from './common/chart-instance-observer';
|
|
26
26
|
import { ConfigurationService } from './common/configuration.service';
|
|
27
|
-
import { AxisDefaults, CategoryAxis, ChartArea, DragAction, Legend, Pane, PaneDefaults, PlotArea, Series, SeriesDefaults, Title, Tooltip, ValueAxis, XAxis, YAxis, Zoomable } from './common/property-types';
|
|
27
|
+
import { AxisDefaults, CategoryAxis, ChartArea, DragAction, Legend, Pane, PaneDefaults, PlotArea, Series, SeriesDefaults, Subtitle, Title, Tooltip, ValueAxis, XAxis, YAxis, Zoomable } from './common/property-types';
|
|
28
28
|
import { ThemeService } from './common/theme.service';
|
|
29
29
|
import { AxisLabelClickEvent } from './events/axis-label-click-event';
|
|
30
30
|
import { DragEndEvent } from './events/drag-end-event';
|
|
@@ -104,6 +104,7 @@ export declare class ChartComponent implements ChartOptions, OnChanges, OnInit,
|
|
|
104
104
|
pannable: boolean | DragAction;
|
|
105
105
|
renderAs: 'svg' | 'canvas';
|
|
106
106
|
seriesColors: string[];
|
|
107
|
+
subtitle: string | Subtitle;
|
|
107
108
|
title: string | Title;
|
|
108
109
|
transitions: boolean;
|
|
109
110
|
zoomable: boolean | Zoomable;
|
|
@@ -447,5 +448,5 @@ export declare class ChartComponent implements ChartOptions, OnChanges, OnInit,
|
|
|
447
448
|
protected setDirection(): void;
|
|
448
449
|
protected get isRTL(): boolean;
|
|
449
450
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, never>;
|
|
450
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "kendo-chart", ["kendoChart"], { "pannable": "pannable"; "renderAs": "renderAs"; "seriesColors": "seriesColors"; "title": "title"; "transitions": "transitions"; "zoomable": "zoomable"; "axisDefaults": "axisDefaults"; "categoryAxis": "categoryAxis"; "chartArea": "chartArea"; "legend": "legend"; "panes": "panes"; "paneDefaults": "paneDefaults"; "plotArea": "plotArea"; "series": "series"; "seriesDefaults": "seriesDefaults"; "tooltip": "tooltip"; "valueAxis": "valueAxis"; "xAxis": "xAxis"; "yAxis": "yAxis"; "resizeRateLimit": "resizeRateLimit"; "popupSettings": "popupSettings"; }, { "axisLabelClick": "axisLabelClick"; "drag": "drag"; "dragEnd": "dragEnd"; "dragStart": "dragStart"; "legendItemHover": "legendItemHover"; "legendItemLeave": "legendItemLeave"; "noteClick": "noteClick"; "noteHover": "noteHover"; "noteLeave": "noteLeave"; "paneRender": "paneRender"; "plotAreaClick": "plotAreaClick"; "plotAreaHover": "plotAreaHover"; "plotAreaLeave": "plotAreaLeave"; "render": "render"; "select": "select"; "selectEnd": "selectEnd"; "selectStart": "selectStart"; "seriesClick": "seriesClick"; "seriesHover": "seriesHover"; "seriesOver": "seriesOver"; "seriesLeave": "seriesLeave"; "zoom": "zoom"; "zoomEnd": "zoomEnd"; "zoomStart": "zoomStart"; "legendItemClick": "legendItemClick"; }, ["donutCenterTemplate", "seriesComponents"], never>;
|
|
451
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "kendo-chart", ["kendoChart"], { "pannable": "pannable"; "renderAs": "renderAs"; "seriesColors": "seriesColors"; "subtitle": "subtitle"; "title": "title"; "transitions": "transitions"; "zoomable": "zoomable"; "axisDefaults": "axisDefaults"; "categoryAxis": "categoryAxis"; "chartArea": "chartArea"; "legend": "legend"; "panes": "panes"; "paneDefaults": "paneDefaults"; "plotArea": "plotArea"; "series": "series"; "seriesDefaults": "seriesDefaults"; "tooltip": "tooltip"; "valueAxis": "valueAxis"; "xAxis": "xAxis"; "yAxis": "yAxis"; "resizeRateLimit": "resizeRateLimit"; "popupSettings": "popupSettings"; }, { "axisLabelClick": "axisLabelClick"; "drag": "drag"; "dragEnd": "dragEnd"; "dragStart": "dragStart"; "legendItemHover": "legendItemHover"; "legendItemLeave": "legendItemLeave"; "noteClick": "noteClick"; "noteHover": "noteHover"; "noteLeave": "noteLeave"; "paneRender": "paneRender"; "plotAreaClick": "plotAreaClick"; "plotAreaHover": "plotAreaHover"; "plotAreaLeave": "plotAreaLeave"; "render": "render"; "select": "select"; "selectEnd": "selectEnd"; "selectStart": "selectStart"; "seriesClick": "seriesClick"; "seriesHover": "seriesHover"; "seriesOver": "seriesOver"; "seriesLeave": "seriesLeave"; "zoom": "zoom"; "zoomEnd": "zoomEnd"; "zoomStart": "zoomStart"; "legendItemClick": "legendItemClick"; }, ["donutCenterTemplate", "seriesComponents"], never>;
|
|
451
452
|
}
|
package/chart.directives.d.ts
CHANGED
|
@@ -51,6 +51,7 @@ import { SeriesNotesIconComponent } from './chart/series-item/notes.icon.compone
|
|
|
51
51
|
import { SeriesNotesLabelComponent } from './chart/series-item/notes.label.component';
|
|
52
52
|
import { SeriesOutliersComponent } from './chart/series-item/outliers.component';
|
|
53
53
|
import { SeriesTooltipComponent } from './chart/series-item/tooltip.component';
|
|
54
|
+
import { SubtitleComponent } from './chart/subtitle.component';
|
|
54
55
|
import { TitleComponent } from './chart/title.component';
|
|
55
56
|
import { TooltipComponent } from './chart/tooltip.component';
|
|
56
57
|
import { ValueAxisComponent } from './chart/value-axis.component';
|
|
@@ -81,7 +82,7 @@ import { YAxisNotesIconComponent } from './chart/y-axis-item/notes.icon.componen
|
|
|
81
82
|
import { YAxisNotesLabelComponent } from './chart/y-axis-item/notes.label.component';
|
|
82
83
|
import { YAxisTitleComponent } from './chart/y-axis-item/title.component';
|
|
83
84
|
import { ZoomableComponent } from './chart/zoomable.component';
|
|
84
|
-
export { ChartComponent, AxisDefaultsComponent, AxisDefaultsCrosshairComponent, AxisDefaultsCrosshairTooltipComponent, AxisDefaultsLabelsComponent, AxisDefaultsTitleComponent, CategoryAxisComponent, CategoryAxisCrosshairComponent, CategoryAxisCrosshairTooltipComponent, CategoryAxisItemComponent, CategoryAxisLabelsComponent, CategoryAxisRangeLabelsComponent, CategoryAxisNotesComponent, CategoryAxisNotesIconComponent, CategoryAxisNotesLabelComponent, CategoryAxisSelectComponent, CategoryAxisTitleComponent, ChartAreaComponent, LegendComponent, LegendInactiveItemsComponent, LegendItemComponent, PaneComponent, PaneDefaultsComponent, PaneDefaultsTitleComponent, PanesComponent, PanesTitleComponent, PlotAreaComponent, SeriesComponent, SeriesDefaultsComponent, SeriesDefaultsLabelsComponent, SeriesDefaultsLabelsFromComponent, SeriesDefaultsLabelsToComponent, SeriesDefaultsNotesComponent, SeriesDefaultsNotesIconComponent, SeriesDefaultsNotesLabelComponent, SeriesDefaultsTooltipComponent, SeriesErrorBarsComponent, SeriesExtremesComponent, SeriesHighlightComponent, SeriesItemComponent, SeriesLabelsComponent, SeriesLabelsFromComponent, SeriesLabelsToComponent, SeriesMarkersComponent, SeriesNotesComponent, SeriesNotesIconComponent, SeriesNotesLabelComponent, SeriesOutliersComponent, SeriesTooltipComponent, TitleComponent, TooltipComponent, ValueAxisComponent, ValueAxisCrosshairComponent, ValueAxisCrosshairTooltipComponent, ValueAxisItemComponent, ValueAxisLabelsComponent, ValueAxisNotesComponent, ValueAxisNotesIconComponent, ValueAxisNotesLabelComponent, ValueAxisTitleComponent, XAxisComponent, XAxisCrosshairComponent, XAxisCrosshairTooltipComponent, XAxisItemComponent, XAxisLabelsComponent, XAxisNotesComponent, XAxisNotesIconComponent, XAxisNotesLabelComponent, XAxisTitleComponent, YAxisComponent, YAxisCrosshairComponent, YAxisCrosshairTooltipComponent, YAxisItemComponent, YAxisLabelsComponent, YAxisNotesComponent, YAxisNotesIconComponent, YAxisNotesLabelComponent, YAxisTitleComponent, ZoomableComponent };
|
|
85
|
+
export { ChartComponent, AxisDefaultsComponent, AxisDefaultsCrosshairComponent, AxisDefaultsCrosshairTooltipComponent, AxisDefaultsLabelsComponent, AxisDefaultsTitleComponent, CategoryAxisComponent, CategoryAxisCrosshairComponent, CategoryAxisCrosshairTooltipComponent, CategoryAxisItemComponent, CategoryAxisLabelsComponent, CategoryAxisRangeLabelsComponent, CategoryAxisNotesComponent, CategoryAxisNotesIconComponent, CategoryAxisNotesLabelComponent, CategoryAxisSelectComponent, CategoryAxisTitleComponent, ChartAreaComponent, LegendComponent, LegendInactiveItemsComponent, LegendItemComponent, PaneComponent, PaneDefaultsComponent, PaneDefaultsTitleComponent, PanesComponent, PanesTitleComponent, PlotAreaComponent, SeriesComponent, SeriesDefaultsComponent, SeriesDefaultsLabelsComponent, SeriesDefaultsLabelsFromComponent, SeriesDefaultsLabelsToComponent, SeriesDefaultsNotesComponent, SeriesDefaultsNotesIconComponent, SeriesDefaultsNotesLabelComponent, SeriesDefaultsTooltipComponent, SeriesErrorBarsComponent, SeriesExtremesComponent, SeriesHighlightComponent, SeriesItemComponent, SeriesLabelsComponent, SeriesLabelsFromComponent, SeriesLabelsToComponent, SeriesMarkersComponent, SeriesNotesComponent, SeriesNotesIconComponent, SeriesNotesLabelComponent, SeriesOutliersComponent, SeriesTooltipComponent, SubtitleComponent, TitleComponent, TooltipComponent, ValueAxisComponent, ValueAxisCrosshairComponent, ValueAxisCrosshairTooltipComponent, ValueAxisItemComponent, ValueAxisLabelsComponent, ValueAxisNotesComponent, ValueAxisNotesIconComponent, ValueAxisNotesLabelComponent, ValueAxisTitleComponent, XAxisComponent, XAxisCrosshairComponent, XAxisCrosshairTooltipComponent, XAxisItemComponent, XAxisLabelsComponent, XAxisNotesComponent, XAxisNotesIconComponent, XAxisNotesLabelComponent, XAxisTitleComponent, YAxisComponent, YAxisCrosshairComponent, YAxisCrosshairTooltipComponent, YAxisItemComponent, YAxisLabelsComponent, YAxisNotesComponent, YAxisNotesIconComponent, YAxisNotesLabelComponent, YAxisTitleComponent, ZoomableComponent };
|
|
85
86
|
/**
|
|
86
87
|
* @hidden
|
|
87
88
|
*/
|
package/chart.module.d.ts
CHANGED
|
@@ -58,39 +58,40 @@ import * as i52 from "./chart/series-item/notes.icon.component";
|
|
|
58
58
|
import * as i53 from "./chart/series-item/notes.label.component";
|
|
59
59
|
import * as i54 from "./chart/series-item/outliers.component";
|
|
60
60
|
import * as i55 from "./chart/series-item/tooltip.component";
|
|
61
|
-
import * as i56 from "./chart/
|
|
62
|
-
import * as i57 from "./chart/
|
|
63
|
-
import * as i58 from "./chart/
|
|
64
|
-
import * as i59 from "./chart/value-axis
|
|
65
|
-
import * as i60 from "./chart/value-axis-item/crosshair.
|
|
66
|
-
import * as i61 from "./chart/value-axis-item.component";
|
|
67
|
-
import * as i62 from "./chart/value-axis-item
|
|
68
|
-
import * as i63 from "./chart/value-axis-item/
|
|
69
|
-
import * as i64 from "./chart/value-axis-item/notes.
|
|
70
|
-
import * as i65 from "./chart/value-axis-item/notes.
|
|
71
|
-
import * as i66 from "./chart/value-axis-item/
|
|
72
|
-
import * as i67 from "./chart/
|
|
73
|
-
import * as i68 from "./chart/x-axis
|
|
74
|
-
import * as i69 from "./chart/x-axis-item/crosshair.
|
|
75
|
-
import * as i70 from "./chart/x-axis-item.component";
|
|
76
|
-
import * as i71 from "./chart/x-axis-item
|
|
77
|
-
import * as i72 from "./chart/x-axis-item/
|
|
78
|
-
import * as i73 from "./chart/x-axis-item/notes.
|
|
79
|
-
import * as i74 from "./chart/x-axis-item/notes.
|
|
80
|
-
import * as i75 from "./chart/x-axis-item/
|
|
81
|
-
import * as i76 from "./chart/
|
|
82
|
-
import * as i77 from "./chart/y-axis
|
|
83
|
-
import * as i78 from "./chart/y-axis-item/crosshair.
|
|
84
|
-
import * as i79 from "./chart/y-axis-item.component";
|
|
85
|
-
import * as i80 from "./chart/y-axis-item
|
|
86
|
-
import * as i81 from "./chart/y-axis-item/
|
|
87
|
-
import * as i82 from "./chart/y-axis-item/notes.
|
|
88
|
-
import * as i83 from "./chart/y-axis-item/notes.
|
|
89
|
-
import * as i84 from "./chart/y-axis-item/
|
|
90
|
-
import * as i85 from "./chart/
|
|
91
|
-
import * as i86 from "
|
|
92
|
-
import * as i87 from "@
|
|
93
|
-
import * as i88 from "@progress/kendo-angular-
|
|
61
|
+
import * as i56 from "./chart/subtitle.component";
|
|
62
|
+
import * as i57 from "./chart/title.component";
|
|
63
|
+
import * as i58 from "./chart/tooltip.component";
|
|
64
|
+
import * as i59 from "./chart/value-axis.component";
|
|
65
|
+
import * as i60 from "./chart/value-axis-item/crosshair.component";
|
|
66
|
+
import * as i61 from "./chart/value-axis-item/crosshair.tooltip.component";
|
|
67
|
+
import * as i62 from "./chart/value-axis-item.component";
|
|
68
|
+
import * as i63 from "./chart/value-axis-item/labels.component";
|
|
69
|
+
import * as i64 from "./chart/value-axis-item/notes.component";
|
|
70
|
+
import * as i65 from "./chart/value-axis-item/notes.icon.component";
|
|
71
|
+
import * as i66 from "./chart/value-axis-item/notes.label.component";
|
|
72
|
+
import * as i67 from "./chart/value-axis-item/title.component";
|
|
73
|
+
import * as i68 from "./chart/x-axis.component";
|
|
74
|
+
import * as i69 from "./chart/x-axis-item/crosshair.component";
|
|
75
|
+
import * as i70 from "./chart/x-axis-item/crosshair.tooltip.component";
|
|
76
|
+
import * as i71 from "./chart/x-axis-item.component";
|
|
77
|
+
import * as i72 from "./chart/x-axis-item/labels.component";
|
|
78
|
+
import * as i73 from "./chart/x-axis-item/notes.component";
|
|
79
|
+
import * as i74 from "./chart/x-axis-item/notes.icon.component";
|
|
80
|
+
import * as i75 from "./chart/x-axis-item/notes.label.component";
|
|
81
|
+
import * as i76 from "./chart/x-axis-item/title.component";
|
|
82
|
+
import * as i77 from "./chart/y-axis.component";
|
|
83
|
+
import * as i78 from "./chart/y-axis-item/crosshair.component";
|
|
84
|
+
import * as i79 from "./chart/y-axis-item/crosshair.tooltip.component";
|
|
85
|
+
import * as i80 from "./chart/y-axis-item.component";
|
|
86
|
+
import * as i81 from "./chart/y-axis-item/labels.component";
|
|
87
|
+
import * as i82 from "./chart/y-axis-item/notes.component";
|
|
88
|
+
import * as i83 from "./chart/y-axis-item/notes.icon.component";
|
|
89
|
+
import * as i84 from "./chart/y-axis-item/notes.label.component";
|
|
90
|
+
import * as i85 from "./chart/y-axis-item/title.component";
|
|
91
|
+
import * as i86 from "./chart/zoomable.component";
|
|
92
|
+
import * as i87 from "@angular/common";
|
|
93
|
+
import * as i88 from "@progress/kendo-angular-popup";
|
|
94
|
+
import * as i89 from "@progress/kendo-angular-common";
|
|
94
95
|
/**
|
|
95
96
|
* A [module]({{ site.data.urls.angular['ngmoduleapi'] }}) that includes the Chart component and directives.
|
|
96
97
|
*
|
|
@@ -116,6 +117,6 @@ import * as i88 from "@progress/kendo-angular-common";
|
|
|
116
117
|
*/
|
|
117
118
|
export declare class ChartModule {
|
|
118
119
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChartModule, never>;
|
|
119
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ChartModule, [typeof i1.ChartComponent, typeof i2.TooltipPopupComponent, typeof i3.SeriesTooltipTemplateDirective, typeof i4.SharedTooltipTemplateDirective, typeof i5.CrosshairTooltipsContainerComponent, typeof i6.CrosshairTooltipComponent, typeof i7.DonutCenterTemplateDirective, typeof i8.AxisDefaultsComponent, typeof i9.AxisDefaultsCrosshairComponent, typeof i10.AxisDefaultsCrosshairTooltipComponent, typeof i11.AxisDefaultsLabelsComponent, typeof i12.AxisDefaultsTitleComponent, typeof i13.CategoryAxisComponent, typeof i14.CategoryAxisCrosshairComponent, typeof i15.CategoryAxisCrosshairTooltipComponent, typeof i16.CategoryAxisItemComponent, typeof i17.CategoryAxisLabelsComponent, typeof i18.CategoryAxisRangeLabelsComponent, typeof i19.CategoryAxisNotesComponent, typeof i20.CategoryAxisNotesIconComponent, typeof i21.CategoryAxisNotesLabelComponent, typeof i22.CategoryAxisSelectComponent, typeof i23.CategoryAxisTitleComponent, typeof i24.ChartAreaComponent, typeof i25.LegendComponent, typeof i26.LegendInactiveItemsComponent, typeof i27.LegendItemComponent, typeof i28.PaneComponent, typeof i29.PaneDefaultsComponent, typeof i30.PaneDefaultsTitleComponent, typeof i31.PanesComponent, typeof i32.PanesTitleComponent, typeof i33.PlotAreaComponent, typeof i34.SeriesComponent, typeof i35.SeriesDefaultsComponent, typeof i36.SeriesDefaultsLabelsComponent, typeof i37.SeriesDefaultsLabelsFromComponent, typeof i38.SeriesDefaultsLabelsToComponent, typeof i39.SeriesDefaultsNotesComponent, typeof i40.SeriesDefaultsNotesIconComponent, typeof i41.SeriesDefaultsNotesLabelComponent, typeof i42.SeriesDefaultsTooltipComponent, typeof i43.SeriesErrorBarsComponent, typeof i44.SeriesExtremesComponent, typeof i45.SeriesHighlightComponent, typeof i46.SeriesItemComponent, typeof i47.SeriesLabelsComponent, typeof i48.SeriesLabelsFromComponent, typeof i49.SeriesLabelsToComponent, typeof i50.SeriesMarkersComponent, typeof i51.SeriesNotesComponent, typeof i52.SeriesNotesIconComponent, typeof i53.SeriesNotesLabelComponent, typeof i54.SeriesOutliersComponent, typeof i55.SeriesTooltipComponent, typeof i56.
|
|
120
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ChartModule, [typeof i1.ChartComponent, typeof i2.TooltipPopupComponent, typeof i3.SeriesTooltipTemplateDirective, typeof i4.SharedTooltipTemplateDirective, typeof i5.CrosshairTooltipsContainerComponent, typeof i6.CrosshairTooltipComponent, typeof i7.DonutCenterTemplateDirective, typeof i8.AxisDefaultsComponent, typeof i9.AxisDefaultsCrosshairComponent, typeof i10.AxisDefaultsCrosshairTooltipComponent, typeof i11.AxisDefaultsLabelsComponent, typeof i12.AxisDefaultsTitleComponent, typeof i13.CategoryAxisComponent, typeof i14.CategoryAxisCrosshairComponent, typeof i15.CategoryAxisCrosshairTooltipComponent, typeof i16.CategoryAxisItemComponent, typeof i17.CategoryAxisLabelsComponent, typeof i18.CategoryAxisRangeLabelsComponent, typeof i19.CategoryAxisNotesComponent, typeof i20.CategoryAxisNotesIconComponent, typeof i21.CategoryAxisNotesLabelComponent, typeof i22.CategoryAxisSelectComponent, typeof i23.CategoryAxisTitleComponent, typeof i24.ChartAreaComponent, typeof i25.LegendComponent, typeof i26.LegendInactiveItemsComponent, typeof i27.LegendItemComponent, typeof i28.PaneComponent, typeof i29.PaneDefaultsComponent, typeof i30.PaneDefaultsTitleComponent, typeof i31.PanesComponent, typeof i32.PanesTitleComponent, typeof i33.PlotAreaComponent, typeof i34.SeriesComponent, typeof i35.SeriesDefaultsComponent, typeof i36.SeriesDefaultsLabelsComponent, typeof i37.SeriesDefaultsLabelsFromComponent, typeof i38.SeriesDefaultsLabelsToComponent, typeof i39.SeriesDefaultsNotesComponent, typeof i40.SeriesDefaultsNotesIconComponent, typeof i41.SeriesDefaultsNotesLabelComponent, typeof i42.SeriesDefaultsTooltipComponent, typeof i43.SeriesErrorBarsComponent, typeof i44.SeriesExtremesComponent, typeof i45.SeriesHighlightComponent, typeof i46.SeriesItemComponent, typeof i47.SeriesLabelsComponent, typeof i48.SeriesLabelsFromComponent, typeof i49.SeriesLabelsToComponent, typeof i50.SeriesMarkersComponent, typeof i51.SeriesNotesComponent, typeof i52.SeriesNotesIconComponent, typeof i53.SeriesNotesLabelComponent, typeof i54.SeriesOutliersComponent, typeof i55.SeriesTooltipComponent, typeof i56.SubtitleComponent, typeof i57.TitleComponent, typeof i58.TooltipComponent, typeof i59.ValueAxisComponent, typeof i60.ValueAxisCrosshairComponent, typeof i61.ValueAxisCrosshairTooltipComponent, typeof i62.ValueAxisItemComponent, typeof i63.ValueAxisLabelsComponent, typeof i64.ValueAxisNotesComponent, typeof i65.ValueAxisNotesIconComponent, typeof i66.ValueAxisNotesLabelComponent, typeof i67.ValueAxisTitleComponent, typeof i68.XAxisComponent, typeof i69.XAxisCrosshairComponent, typeof i70.XAxisCrosshairTooltipComponent, typeof i71.XAxisItemComponent, typeof i72.XAxisLabelsComponent, typeof i73.XAxisNotesComponent, typeof i74.XAxisNotesIconComponent, typeof i75.XAxisNotesLabelComponent, typeof i76.XAxisTitleComponent, typeof i77.YAxisComponent, typeof i78.YAxisCrosshairComponent, typeof i79.YAxisCrosshairTooltipComponent, typeof i80.YAxisItemComponent, typeof i81.YAxisLabelsComponent, typeof i82.YAxisNotesComponent, typeof i83.YAxisNotesIconComponent, typeof i84.YAxisNotesLabelComponent, typeof i85.YAxisTitleComponent, typeof i86.ZoomableComponent], [typeof i87.CommonModule, typeof i88.PopupModule, typeof i89.ResizeSensorModule], [typeof i1.ChartComponent, typeof i2.TooltipPopupComponent, typeof i3.SeriesTooltipTemplateDirective, typeof i4.SharedTooltipTemplateDirective, typeof i5.CrosshairTooltipsContainerComponent, typeof i6.CrosshairTooltipComponent, typeof i7.DonutCenterTemplateDirective, typeof i8.AxisDefaultsComponent, typeof i9.AxisDefaultsCrosshairComponent, typeof i10.AxisDefaultsCrosshairTooltipComponent, typeof i11.AxisDefaultsLabelsComponent, typeof i12.AxisDefaultsTitleComponent, typeof i13.CategoryAxisComponent, typeof i14.CategoryAxisCrosshairComponent, typeof i15.CategoryAxisCrosshairTooltipComponent, typeof i16.CategoryAxisItemComponent, typeof i17.CategoryAxisLabelsComponent, typeof i18.CategoryAxisRangeLabelsComponent, typeof i19.CategoryAxisNotesComponent, typeof i20.CategoryAxisNotesIconComponent, typeof i21.CategoryAxisNotesLabelComponent, typeof i22.CategoryAxisSelectComponent, typeof i23.CategoryAxisTitleComponent, typeof i24.ChartAreaComponent, typeof i25.LegendComponent, typeof i26.LegendInactiveItemsComponent, typeof i27.LegendItemComponent, typeof i28.PaneComponent, typeof i29.PaneDefaultsComponent, typeof i30.PaneDefaultsTitleComponent, typeof i31.PanesComponent, typeof i32.PanesTitleComponent, typeof i33.PlotAreaComponent, typeof i34.SeriesComponent, typeof i35.SeriesDefaultsComponent, typeof i36.SeriesDefaultsLabelsComponent, typeof i37.SeriesDefaultsLabelsFromComponent, typeof i38.SeriesDefaultsLabelsToComponent, typeof i39.SeriesDefaultsNotesComponent, typeof i40.SeriesDefaultsNotesIconComponent, typeof i41.SeriesDefaultsNotesLabelComponent, typeof i42.SeriesDefaultsTooltipComponent, typeof i43.SeriesErrorBarsComponent, typeof i44.SeriesExtremesComponent, typeof i45.SeriesHighlightComponent, typeof i46.SeriesItemComponent, typeof i47.SeriesLabelsComponent, typeof i48.SeriesLabelsFromComponent, typeof i49.SeriesLabelsToComponent, typeof i50.SeriesMarkersComponent, typeof i51.SeriesNotesComponent, typeof i52.SeriesNotesIconComponent, typeof i53.SeriesNotesLabelComponent, typeof i54.SeriesOutliersComponent, typeof i55.SeriesTooltipComponent, typeof i56.SubtitleComponent, typeof i57.TitleComponent, typeof i58.TooltipComponent, typeof i59.ValueAxisComponent, typeof i60.ValueAxisCrosshairComponent, typeof i61.ValueAxisCrosshairTooltipComponent, typeof i62.ValueAxisItemComponent, typeof i63.ValueAxisLabelsComponent, typeof i64.ValueAxisNotesComponent, typeof i65.ValueAxisNotesIconComponent, typeof i66.ValueAxisNotesLabelComponent, typeof i67.ValueAxisTitleComponent, typeof i68.XAxisComponent, typeof i69.XAxisCrosshairComponent, typeof i70.XAxisCrosshairTooltipComponent, typeof i71.XAxisItemComponent, typeof i72.XAxisLabelsComponent, typeof i73.XAxisNotesComponent, typeof i74.XAxisNotesIconComponent, typeof i75.XAxisNotesLabelComponent, typeof i76.XAxisTitleComponent, typeof i77.YAxisComponent, typeof i78.YAxisCrosshairComponent, typeof i79.YAxisCrosshairTooltipComponent, typeof i80.YAxisItemComponent, typeof i81.YAxisLabelsComponent, typeof i82.YAxisNotesComponent, typeof i83.YAxisNotesIconComponent, typeof i84.YAxisNotesLabelComponent, typeof i85.YAxisTitleComponent, typeof i86.ZoomableComponent]>;
|
|
120
121
|
static ɵinj: i0.ɵɵInjectorDeclaration<ChartModule>;
|
|
121
122
|
}
|
|
@@ -111,6 +111,7 @@ export { SeriesNotesLabel } from '../option-types/series-item/notes.label.interf
|
|
|
111
111
|
export { SeriesOutliers } from '../option-types/series-item/outliers.interface';
|
|
112
112
|
export { SeriesTooltip } from '../option-types/series-item/tooltip.interface';
|
|
113
113
|
export { Series } from '../option-types/series-item.interface';
|
|
114
|
+
export { Subtitle } from '../option-types/subtitle.interface';
|
|
114
115
|
export { Title } from '../option-types/title.interface';
|
|
115
116
|
export { Tooltip } from '../option-types/tooltip.interface';
|
|
116
117
|
export { ValueAxisCrosshair } from '../option-types/value-axis-item/crosshair.interface';
|
|
@@ -0,0 +1,108 @@
|
|
|
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 { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
6
|
+
import { SettingsComponent } from '../common/settings.component';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "../common/configuration.service";
|
|
9
|
+
/**
|
|
10
|
+
* The configuration options of the Chart subtitle or text
|
|
11
|
+
* ([see example]({% slug title_chart_charts %})).
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```ts-preview
|
|
15
|
+
* import { Component } from '@angular/core';
|
|
16
|
+
*
|
|
17
|
+
* _@Component({
|
|
18
|
+
* selector: 'my-app',
|
|
19
|
+
* template: `
|
|
20
|
+
* <kendo-chart [categoryAxis]="{ categories: categories }">
|
|
21
|
+
* <kendo-chart-title text="Gross domestic product growth"></kendo-chart-title>
|
|
22
|
+
* <kendo-chart-subtitle text="/GDP annual %/"></kendo-chart-subtitle>
|
|
23
|
+
* <kendo-chart-legend
|
|
24
|
+
* position="bottom"
|
|
25
|
+
* orientation="horizontal"
|
|
26
|
+
* align="end"
|
|
27
|
+
* background="rgba(255, 0, 0, 0.1)"
|
|
28
|
+
* [border]="borderOptions"
|
|
29
|
+
* [margin]="10"
|
|
30
|
+
* [padding]="10"
|
|
31
|
+
* [width]="150"
|
|
32
|
+
* [offsetX]="11"
|
|
33
|
+
* [offsetY]="-103"
|
|
34
|
+
* [reverse]="true"
|
|
35
|
+
* [visible]="isVisible"
|
|
36
|
+
* ></kendo-chart-legend>
|
|
37
|
+
* <kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip>
|
|
38
|
+
* <kendo-chart-series>
|
|
39
|
+
* <kendo-chart-series-item *ngFor="let item of series"
|
|
40
|
+
* type="line" style="smooth" [data]="item.data" [name]="item.name">
|
|
41
|
+
* </kendo-chart-series-item>
|
|
42
|
+
* </kendo-chart-series>
|
|
43
|
+
* </kendo-chart>
|
|
44
|
+
* <br /><br />
|
|
45
|
+
* <button kendoButton (click)="isVisible=!isVisible">Toggle Legend</button>
|
|
46
|
+
* `
|
|
47
|
+
* })
|
|
48
|
+
* export class AppComponent {
|
|
49
|
+
* public isVisible = true;
|
|
50
|
+
* public borderOptions = {
|
|
51
|
+
* color: "rgba(255, 0, 0, 0.8)",
|
|
52
|
+
* dashType: 'dash',
|
|
53
|
+
* width: 2
|
|
54
|
+
* };
|
|
55
|
+
*
|
|
56
|
+
* public series: any[] = [{
|
|
57
|
+
* name: "India",
|
|
58
|
+
* data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855]
|
|
59
|
+
* }, {
|
|
60
|
+
* name: "Russian Federation",
|
|
61
|
+
* data: [4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3]
|
|
62
|
+
* }, {
|
|
63
|
+
* name: "Germany",
|
|
64
|
+
* data: [0.010, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.690, 2.995]
|
|
65
|
+
* },{
|
|
66
|
+
* name: "World",
|
|
67
|
+
* data: [1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727]
|
|
68
|
+
* }];
|
|
69
|
+
* public categories: number[] = [2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011];
|
|
70
|
+
* }
|
|
71
|
+
* ```
|
|
72
|
+
*/
|
|
73
|
+
export class SubtitleComponent extends SettingsComponent {
|
|
74
|
+
constructor(configurationService) {
|
|
75
|
+
super('subtitle', configurationService);
|
|
76
|
+
this.configurationService = configurationService;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
SubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SubtitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
80
|
+
SubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SubtitleComponent, selector: "kendo-chart-subtitle", inputs: { align: "align", background: "background", border: "border", color: "color", font: "font", margin: "margin", padding: "padding", position: "position", text: "text", visible: "visible" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SubtitleComponent, decorators: [{
|
|
82
|
+
type: Component,
|
|
83
|
+
args: [{
|
|
84
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
85
|
+
selector: 'kendo-chart-subtitle',
|
|
86
|
+
template: ''
|
|
87
|
+
}]
|
|
88
|
+
}], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; }, propDecorators: { align: [{
|
|
89
|
+
type: Input
|
|
90
|
+
}], background: [{
|
|
91
|
+
type: Input
|
|
92
|
+
}], border: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}], color: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}], font: [{
|
|
97
|
+
type: Input
|
|
98
|
+
}], margin: [{
|
|
99
|
+
type: Input
|
|
100
|
+
}], padding: [{
|
|
101
|
+
type: Input
|
|
102
|
+
}], position: [{
|
|
103
|
+
type: Input
|
|
104
|
+
}], text: [{
|
|
105
|
+
type: Input
|
|
106
|
+
}], visible: [{
|
|
107
|
+
type: Input
|
|
108
|
+
}] } });
|
|
@@ -695,7 +695,7 @@ export class ChartComponent {
|
|
|
695
695
|
}
|
|
696
696
|
}
|
|
697
697
|
ChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChartComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.ThemeService }, { token: i0.ElementRef }, { token: i3.IntlService }, { token: i4.LocalizationService }, { token: i0.NgZone }, { token: i5.InstanceEventService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
698
|
-
ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ChartComponent, selector: "kendo-chart", inputs: { pannable: "pannable", renderAs: "renderAs", seriesColors: "seriesColors", title: "title", transitions: "transitions", zoomable: "zoomable", axisDefaults: "axisDefaults", categoryAxis: "categoryAxis", chartArea: "chartArea", legend: "legend", panes: "panes", paneDefaults: "paneDefaults", plotArea: "plotArea", series: "series", seriesDefaults: "seriesDefaults", tooltip: "tooltip", valueAxis: "valueAxis", xAxis: "xAxis", yAxis: "yAxis", resizeRateLimit: "resizeRateLimit", popupSettings: "popupSettings" }, outputs: { axisLabelClick: "axisLabelClick", drag: "drag", dragEnd: "dragEnd", dragStart: "dragStart", legendItemHover: "legendItemHover", legendItemLeave: "legendItemLeave", noteClick: "noteClick", noteHover: "noteHover", noteLeave: "noteLeave", paneRender: "paneRender", plotAreaClick: "plotAreaClick", plotAreaHover: "plotAreaHover", plotAreaLeave: "plotAreaLeave", render: "render", select: "select", selectEnd: "selectEnd", selectStart: "selectStart", seriesClick: "seriesClick", seriesHover: "seriesHover", seriesOver: "seriesOver", seriesLeave: "seriesLeave", zoom: "zoom", zoomEnd: "zoomEnd", zoomStart: "zoomStart", legendItemClick: "legendItemClick" }, providers: [
|
|
698
|
+
ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ChartComponent, selector: "kendo-chart", inputs: { pannable: "pannable", renderAs: "renderAs", seriesColors: "seriesColors", subtitle: "subtitle", title: "title", transitions: "transitions", zoomable: "zoomable", axisDefaults: "axisDefaults", categoryAxis: "categoryAxis", chartArea: "chartArea", legend: "legend", panes: "panes", paneDefaults: "paneDefaults", plotArea: "plotArea", series: "series", seriesDefaults: "seriesDefaults", tooltip: "tooltip", valueAxis: "valueAxis", xAxis: "xAxis", yAxis: "yAxis", resizeRateLimit: "resizeRateLimit", popupSettings: "popupSettings" }, outputs: { axisLabelClick: "axisLabelClick", drag: "drag", dragEnd: "dragEnd", dragStart: "dragStart", legendItemHover: "legendItemHover", legendItemLeave: "legendItemLeave", noteClick: "noteClick", noteHover: "noteHover", noteLeave: "noteLeave", paneRender: "paneRender", plotAreaClick: "plotAreaClick", plotAreaHover: "plotAreaHover", plotAreaLeave: "plotAreaLeave", render: "render", select: "select", selectEnd: "selectEnd", selectStart: "selectStart", seriesClick: "seriesClick", seriesHover: "seriesHover", seriesOver: "seriesOver", seriesLeave: "seriesLeave", zoom: "zoom", zoomEnd: "zoomEnd", zoomStart: "zoomStart", legendItemClick: "legendItemClick" }, providers: [
|
|
699
699
|
ConfigurationService,
|
|
700
700
|
TooltipTemplateService,
|
|
701
701
|
InstanceEventService,
|
|
@@ -749,6 +749,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
749
749
|
type: Input
|
|
750
750
|
}], seriesColors: [{
|
|
751
751
|
type: Input
|
|
752
|
+
}], subtitle: [{
|
|
753
|
+
type: Input
|
|
752
754
|
}], title: [{
|
|
753
755
|
type: Input
|
|
754
756
|
}], transitions: [{
|
|
@@ -57,6 +57,7 @@ import { SeriesNotesIconComponent } from './chart/series-item/notes.icon.compone
|
|
|
57
57
|
import { SeriesNotesLabelComponent } from './chart/series-item/notes.label.component';
|
|
58
58
|
import { SeriesOutliersComponent } from './chart/series-item/outliers.component';
|
|
59
59
|
import { SeriesTooltipComponent } from './chart/series-item/tooltip.component';
|
|
60
|
+
import { SubtitleComponent } from './chart/subtitle.component';
|
|
60
61
|
import { TitleComponent } from './chart/title.component';
|
|
61
62
|
import { TooltipComponent } from './chart/tooltip.component';
|
|
62
63
|
import { ValueAxisComponent } from './chart/value-axis.component';
|
|
@@ -88,7 +89,7 @@ import { YAxisNotesLabelComponent } from './chart/y-axis-item/notes.label.compon
|
|
|
88
89
|
import { YAxisTitleComponent } from './chart/y-axis-item/title.component';
|
|
89
90
|
import { ZoomableComponent } from './chart/zoomable.component';
|
|
90
91
|
// Re-exports
|
|
91
|
-
export { ChartComponent, AxisDefaultsComponent, AxisDefaultsCrosshairComponent, AxisDefaultsCrosshairTooltipComponent, AxisDefaultsLabelsComponent, AxisDefaultsTitleComponent, CategoryAxisComponent, CategoryAxisCrosshairComponent, CategoryAxisCrosshairTooltipComponent, CategoryAxisItemComponent, CategoryAxisLabelsComponent, CategoryAxisRangeLabelsComponent, CategoryAxisNotesComponent, CategoryAxisNotesIconComponent, CategoryAxisNotesLabelComponent, CategoryAxisSelectComponent, CategoryAxisTitleComponent, ChartAreaComponent, LegendComponent, LegendInactiveItemsComponent, LegendItemComponent, PaneComponent, PaneDefaultsComponent, PaneDefaultsTitleComponent, PanesComponent, PanesTitleComponent, PlotAreaComponent, SeriesComponent, SeriesDefaultsComponent, SeriesDefaultsLabelsComponent, SeriesDefaultsLabelsFromComponent, SeriesDefaultsLabelsToComponent, SeriesDefaultsNotesComponent, SeriesDefaultsNotesIconComponent, SeriesDefaultsNotesLabelComponent, SeriesDefaultsTooltipComponent, SeriesErrorBarsComponent, SeriesExtremesComponent, SeriesHighlightComponent, SeriesItemComponent, SeriesLabelsComponent, SeriesLabelsFromComponent, SeriesLabelsToComponent, SeriesMarkersComponent, SeriesNotesComponent, SeriesNotesIconComponent, SeriesNotesLabelComponent, SeriesOutliersComponent, SeriesTooltipComponent, TitleComponent, TooltipComponent, ValueAxisComponent, ValueAxisCrosshairComponent, ValueAxisCrosshairTooltipComponent, ValueAxisItemComponent, ValueAxisLabelsComponent, ValueAxisNotesComponent, ValueAxisNotesIconComponent, ValueAxisNotesLabelComponent, ValueAxisTitleComponent, XAxisComponent, XAxisCrosshairComponent, XAxisCrosshairTooltipComponent, XAxisItemComponent, XAxisLabelsComponent, XAxisNotesComponent, XAxisNotesIconComponent, XAxisNotesLabelComponent, XAxisTitleComponent, YAxisComponent, YAxisCrosshairComponent, YAxisCrosshairTooltipComponent, YAxisItemComponent, YAxisLabelsComponent, YAxisNotesComponent, YAxisNotesIconComponent, YAxisNotesLabelComponent, YAxisTitleComponent, ZoomableComponent };
|
|
92
|
+
export { ChartComponent, AxisDefaultsComponent, AxisDefaultsCrosshairComponent, AxisDefaultsCrosshairTooltipComponent, AxisDefaultsLabelsComponent, AxisDefaultsTitleComponent, CategoryAxisComponent, CategoryAxisCrosshairComponent, CategoryAxisCrosshairTooltipComponent, CategoryAxisItemComponent, CategoryAxisLabelsComponent, CategoryAxisRangeLabelsComponent, CategoryAxisNotesComponent, CategoryAxisNotesIconComponent, CategoryAxisNotesLabelComponent, CategoryAxisSelectComponent, CategoryAxisTitleComponent, ChartAreaComponent, LegendComponent, LegendInactiveItemsComponent, LegendItemComponent, PaneComponent, PaneDefaultsComponent, PaneDefaultsTitleComponent, PanesComponent, PanesTitleComponent, PlotAreaComponent, SeriesComponent, SeriesDefaultsComponent, SeriesDefaultsLabelsComponent, SeriesDefaultsLabelsFromComponent, SeriesDefaultsLabelsToComponent, SeriesDefaultsNotesComponent, SeriesDefaultsNotesIconComponent, SeriesDefaultsNotesLabelComponent, SeriesDefaultsTooltipComponent, SeriesErrorBarsComponent, SeriesExtremesComponent, SeriesHighlightComponent, SeriesItemComponent, SeriesLabelsComponent, SeriesLabelsFromComponent, SeriesLabelsToComponent, SeriesMarkersComponent, SeriesNotesComponent, SeriesNotesIconComponent, SeriesNotesLabelComponent, SeriesOutliersComponent, SeriesTooltipComponent, SubtitleComponent, TitleComponent, TooltipComponent, ValueAxisComponent, ValueAxisCrosshairComponent, ValueAxisCrosshairTooltipComponent, ValueAxisItemComponent, ValueAxisLabelsComponent, ValueAxisNotesComponent, ValueAxisNotesIconComponent, ValueAxisNotesLabelComponent, ValueAxisTitleComponent, XAxisComponent, XAxisCrosshairComponent, XAxisCrosshairTooltipComponent, XAxisItemComponent, XAxisLabelsComponent, XAxisNotesComponent, XAxisNotesIconComponent, XAxisNotesLabelComponent, XAxisTitleComponent, YAxisComponent, YAxisCrosshairComponent, YAxisCrosshairTooltipComponent, YAxisItemComponent, YAxisLabelsComponent, YAxisNotesComponent, YAxisNotesIconComponent, YAxisNotesLabelComponent, YAxisTitleComponent, ZoomableComponent };
|
|
92
93
|
/**
|
|
93
94
|
* @hidden
|
|
94
95
|
*/
|
|
@@ -148,6 +149,7 @@ export const CHART_DIRECTIVES = [
|
|
|
148
149
|
SeriesNotesLabelComponent,
|
|
149
150
|
SeriesOutliersComponent,
|
|
150
151
|
SeriesTooltipComponent,
|
|
152
|
+
SubtitleComponent,
|
|
151
153
|
TitleComponent,
|
|
152
154
|
TooltipComponent,
|
|
153
155
|
ValueAxisComponent,
|
package/esm2015/chart.module.js
CHANGED
|
@@ -64,36 +64,37 @@ import * as i52 from "./chart/series-item/notes.icon.component";
|
|
|
64
64
|
import * as i53 from "./chart/series-item/notes.label.component";
|
|
65
65
|
import * as i54 from "./chart/series-item/outliers.component";
|
|
66
66
|
import * as i55 from "./chart/series-item/tooltip.component";
|
|
67
|
-
import * as i56 from "./chart/
|
|
68
|
-
import * as i57 from "./chart/
|
|
69
|
-
import * as i58 from "./chart/
|
|
70
|
-
import * as i59 from "./chart/value-axis
|
|
71
|
-
import * as i60 from "./chart/value-axis-item/crosshair.
|
|
72
|
-
import * as i61 from "./chart/value-axis-item.component";
|
|
73
|
-
import * as i62 from "./chart/value-axis-item
|
|
74
|
-
import * as i63 from "./chart/value-axis-item/
|
|
75
|
-
import * as i64 from "./chart/value-axis-item/notes.
|
|
76
|
-
import * as i65 from "./chart/value-axis-item/notes.
|
|
77
|
-
import * as i66 from "./chart/value-axis-item/
|
|
78
|
-
import * as i67 from "./chart/
|
|
79
|
-
import * as i68 from "./chart/x-axis
|
|
80
|
-
import * as i69 from "./chart/x-axis-item/crosshair.
|
|
81
|
-
import * as i70 from "./chart/x-axis-item.component";
|
|
82
|
-
import * as i71 from "./chart/x-axis-item
|
|
83
|
-
import * as i72 from "./chart/x-axis-item/
|
|
84
|
-
import * as i73 from "./chart/x-axis-item/notes.
|
|
85
|
-
import * as i74 from "./chart/x-axis-item/notes.
|
|
86
|
-
import * as i75 from "./chart/x-axis-item/
|
|
87
|
-
import * as i76 from "./chart/
|
|
88
|
-
import * as i77 from "./chart/y-axis
|
|
89
|
-
import * as i78 from "./chart/y-axis-item/crosshair.
|
|
90
|
-
import * as i79 from "./chart/y-axis-item.component";
|
|
91
|
-
import * as i80 from "./chart/y-axis-item
|
|
92
|
-
import * as i81 from "./chart/y-axis-item/
|
|
93
|
-
import * as i82 from "./chart/y-axis-item/notes.
|
|
94
|
-
import * as i83 from "./chart/y-axis-item/notes.
|
|
95
|
-
import * as i84 from "./chart/y-axis-item/
|
|
96
|
-
import * as i85 from "./chart/
|
|
67
|
+
import * as i56 from "./chart/subtitle.component";
|
|
68
|
+
import * as i57 from "./chart/title.component";
|
|
69
|
+
import * as i58 from "./chart/tooltip.component";
|
|
70
|
+
import * as i59 from "./chart/value-axis.component";
|
|
71
|
+
import * as i60 from "./chart/value-axis-item/crosshair.component";
|
|
72
|
+
import * as i61 from "./chart/value-axis-item/crosshair.tooltip.component";
|
|
73
|
+
import * as i62 from "./chart/value-axis-item.component";
|
|
74
|
+
import * as i63 from "./chart/value-axis-item/labels.component";
|
|
75
|
+
import * as i64 from "./chart/value-axis-item/notes.component";
|
|
76
|
+
import * as i65 from "./chart/value-axis-item/notes.icon.component";
|
|
77
|
+
import * as i66 from "./chart/value-axis-item/notes.label.component";
|
|
78
|
+
import * as i67 from "./chart/value-axis-item/title.component";
|
|
79
|
+
import * as i68 from "./chart/x-axis.component";
|
|
80
|
+
import * as i69 from "./chart/x-axis-item/crosshair.component";
|
|
81
|
+
import * as i70 from "./chart/x-axis-item/crosshair.tooltip.component";
|
|
82
|
+
import * as i71 from "./chart/x-axis-item.component";
|
|
83
|
+
import * as i72 from "./chart/x-axis-item/labels.component";
|
|
84
|
+
import * as i73 from "./chart/x-axis-item/notes.component";
|
|
85
|
+
import * as i74 from "./chart/x-axis-item/notes.icon.component";
|
|
86
|
+
import * as i75 from "./chart/x-axis-item/notes.label.component";
|
|
87
|
+
import * as i76 from "./chart/x-axis-item/title.component";
|
|
88
|
+
import * as i77 from "./chart/y-axis.component";
|
|
89
|
+
import * as i78 from "./chart/y-axis-item/crosshair.component";
|
|
90
|
+
import * as i79 from "./chart/y-axis-item/crosshair.tooltip.component";
|
|
91
|
+
import * as i80 from "./chart/y-axis-item.component";
|
|
92
|
+
import * as i81 from "./chart/y-axis-item/labels.component";
|
|
93
|
+
import * as i82 from "./chart/y-axis-item/notes.component";
|
|
94
|
+
import * as i83 from "./chart/y-axis-item/notes.icon.component";
|
|
95
|
+
import * as i84 from "./chart/y-axis-item/notes.label.component";
|
|
96
|
+
import * as i85 from "./chart/y-axis-item/title.component";
|
|
97
|
+
import * as i86 from "./chart/zoomable.component";
|
|
97
98
|
/**
|
|
98
99
|
* A [module]({{ site.data.urls.angular['ngmoduleapi'] }}) that includes the Chart component and directives.
|
|
99
100
|
*
|
|
@@ -120,7 +121,7 @@ import * as i85 from "./chart/zoomable.component";
|
|
|
120
121
|
export class ChartModule {
|
|
121
122
|
}
|
|
122
123
|
ChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
123
|
-
ChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChartModule, declarations: [i1.ChartComponent, i2.TooltipPopupComponent, i3.SeriesTooltipTemplateDirective, i4.SharedTooltipTemplateDirective, i5.CrosshairTooltipsContainerComponent, i6.CrosshairTooltipComponent, i7.DonutCenterTemplateDirective, i8.AxisDefaultsComponent, i9.AxisDefaultsCrosshairComponent, i10.AxisDefaultsCrosshairTooltipComponent, i11.AxisDefaultsLabelsComponent, i12.AxisDefaultsTitleComponent, i13.CategoryAxisComponent, i14.CategoryAxisCrosshairComponent, i15.CategoryAxisCrosshairTooltipComponent, i16.CategoryAxisItemComponent, i17.CategoryAxisLabelsComponent, i18.CategoryAxisRangeLabelsComponent, i19.CategoryAxisNotesComponent, i20.CategoryAxisNotesIconComponent, i21.CategoryAxisNotesLabelComponent, i22.CategoryAxisSelectComponent, i23.CategoryAxisTitleComponent, i24.ChartAreaComponent, i25.LegendComponent, i26.LegendInactiveItemsComponent, i27.LegendItemComponent, i28.PaneComponent, i29.PaneDefaultsComponent, i30.PaneDefaultsTitleComponent, i31.PanesComponent, i32.PanesTitleComponent, i33.PlotAreaComponent, i34.SeriesComponent, i35.SeriesDefaultsComponent, i36.SeriesDefaultsLabelsComponent, i37.SeriesDefaultsLabelsFromComponent, i38.SeriesDefaultsLabelsToComponent, i39.SeriesDefaultsNotesComponent, i40.SeriesDefaultsNotesIconComponent, i41.SeriesDefaultsNotesLabelComponent, i42.SeriesDefaultsTooltipComponent, i43.SeriesErrorBarsComponent, i44.SeriesExtremesComponent, i45.SeriesHighlightComponent, i46.SeriesItemComponent, i47.SeriesLabelsComponent, i48.SeriesLabelsFromComponent, i49.SeriesLabelsToComponent, i50.SeriesMarkersComponent, i51.SeriesNotesComponent, i52.SeriesNotesIconComponent, i53.SeriesNotesLabelComponent, i54.SeriesOutliersComponent, i55.SeriesTooltipComponent, i56.
|
|
124
|
+
ChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChartModule, declarations: [i1.ChartComponent, i2.TooltipPopupComponent, i3.SeriesTooltipTemplateDirective, i4.SharedTooltipTemplateDirective, i5.CrosshairTooltipsContainerComponent, i6.CrosshairTooltipComponent, i7.DonutCenterTemplateDirective, i8.AxisDefaultsComponent, i9.AxisDefaultsCrosshairComponent, i10.AxisDefaultsCrosshairTooltipComponent, i11.AxisDefaultsLabelsComponent, i12.AxisDefaultsTitleComponent, i13.CategoryAxisComponent, i14.CategoryAxisCrosshairComponent, i15.CategoryAxisCrosshairTooltipComponent, i16.CategoryAxisItemComponent, i17.CategoryAxisLabelsComponent, i18.CategoryAxisRangeLabelsComponent, i19.CategoryAxisNotesComponent, i20.CategoryAxisNotesIconComponent, i21.CategoryAxisNotesLabelComponent, i22.CategoryAxisSelectComponent, i23.CategoryAxisTitleComponent, i24.ChartAreaComponent, i25.LegendComponent, i26.LegendInactiveItemsComponent, i27.LegendItemComponent, i28.PaneComponent, i29.PaneDefaultsComponent, i30.PaneDefaultsTitleComponent, i31.PanesComponent, i32.PanesTitleComponent, i33.PlotAreaComponent, i34.SeriesComponent, i35.SeriesDefaultsComponent, i36.SeriesDefaultsLabelsComponent, i37.SeriesDefaultsLabelsFromComponent, i38.SeriesDefaultsLabelsToComponent, i39.SeriesDefaultsNotesComponent, i40.SeriesDefaultsNotesIconComponent, i41.SeriesDefaultsNotesLabelComponent, i42.SeriesDefaultsTooltipComponent, i43.SeriesErrorBarsComponent, i44.SeriesExtremesComponent, i45.SeriesHighlightComponent, i46.SeriesItemComponent, i47.SeriesLabelsComponent, i48.SeriesLabelsFromComponent, i49.SeriesLabelsToComponent, i50.SeriesMarkersComponent, i51.SeriesNotesComponent, i52.SeriesNotesIconComponent, i53.SeriesNotesLabelComponent, i54.SeriesOutliersComponent, i55.SeriesTooltipComponent, i56.SubtitleComponent, i57.TitleComponent, i58.TooltipComponent, i59.ValueAxisComponent, i60.ValueAxisCrosshairComponent, i61.ValueAxisCrosshairTooltipComponent, i62.ValueAxisItemComponent, i63.ValueAxisLabelsComponent, i64.ValueAxisNotesComponent, i65.ValueAxisNotesIconComponent, i66.ValueAxisNotesLabelComponent, i67.ValueAxisTitleComponent, i68.XAxisComponent, i69.XAxisCrosshairComponent, i70.XAxisCrosshairTooltipComponent, i71.XAxisItemComponent, i72.XAxisLabelsComponent, i73.XAxisNotesComponent, i74.XAxisNotesIconComponent, i75.XAxisNotesLabelComponent, i76.XAxisTitleComponent, i77.YAxisComponent, i78.YAxisCrosshairComponent, i79.YAxisCrosshairTooltipComponent, i80.YAxisItemComponent, i81.YAxisLabelsComponent, i82.YAxisNotesComponent, i83.YAxisNotesIconComponent, i84.YAxisNotesLabelComponent, i85.YAxisTitleComponent, i86.ZoomableComponent], imports: [CommonModule, PopupModule, ResizeSensorModule], exports: [i1.ChartComponent, i2.TooltipPopupComponent, i3.SeriesTooltipTemplateDirective, i4.SharedTooltipTemplateDirective, i5.CrosshairTooltipsContainerComponent, i6.CrosshairTooltipComponent, i7.DonutCenterTemplateDirective, i8.AxisDefaultsComponent, i9.AxisDefaultsCrosshairComponent, i10.AxisDefaultsCrosshairTooltipComponent, i11.AxisDefaultsLabelsComponent, i12.AxisDefaultsTitleComponent, i13.CategoryAxisComponent, i14.CategoryAxisCrosshairComponent, i15.CategoryAxisCrosshairTooltipComponent, i16.CategoryAxisItemComponent, i17.CategoryAxisLabelsComponent, i18.CategoryAxisRangeLabelsComponent, i19.CategoryAxisNotesComponent, i20.CategoryAxisNotesIconComponent, i21.CategoryAxisNotesLabelComponent, i22.CategoryAxisSelectComponent, i23.CategoryAxisTitleComponent, i24.ChartAreaComponent, i25.LegendComponent, i26.LegendInactiveItemsComponent, i27.LegendItemComponent, i28.PaneComponent, i29.PaneDefaultsComponent, i30.PaneDefaultsTitleComponent, i31.PanesComponent, i32.PanesTitleComponent, i33.PlotAreaComponent, i34.SeriesComponent, i35.SeriesDefaultsComponent, i36.SeriesDefaultsLabelsComponent, i37.SeriesDefaultsLabelsFromComponent, i38.SeriesDefaultsLabelsToComponent, i39.SeriesDefaultsNotesComponent, i40.SeriesDefaultsNotesIconComponent, i41.SeriesDefaultsNotesLabelComponent, i42.SeriesDefaultsTooltipComponent, i43.SeriesErrorBarsComponent, i44.SeriesExtremesComponent, i45.SeriesHighlightComponent, i46.SeriesItemComponent, i47.SeriesLabelsComponent, i48.SeriesLabelsFromComponent, i49.SeriesLabelsToComponent, i50.SeriesMarkersComponent, i51.SeriesNotesComponent, i52.SeriesNotesIconComponent, i53.SeriesNotesLabelComponent, i54.SeriesOutliersComponent, i55.SeriesTooltipComponent, i56.SubtitleComponent, i57.TitleComponent, i58.TooltipComponent, i59.ValueAxisComponent, i60.ValueAxisCrosshairComponent, i61.ValueAxisCrosshairTooltipComponent, i62.ValueAxisItemComponent, i63.ValueAxisLabelsComponent, i64.ValueAxisNotesComponent, i65.ValueAxisNotesIconComponent, i66.ValueAxisNotesLabelComponent, i67.ValueAxisTitleComponent, i68.XAxisComponent, i69.XAxisCrosshairComponent, i70.XAxisCrosshairTooltipComponent, i71.XAxisItemComponent, i72.XAxisLabelsComponent, i73.XAxisNotesComponent, i74.XAxisNotesIconComponent, i75.XAxisNotesLabelComponent, i76.XAxisTitleComponent, i77.YAxisComponent, i78.YAxisCrosshairComponent, i79.YAxisCrosshairTooltipComponent, i80.YAxisItemComponent, i81.YAxisLabelsComponent, i82.YAxisNotesComponent, i83.YAxisNotesIconComponent, i84.YAxisNotesLabelComponent, i85.YAxisTitleComponent, i86.ZoomableComponent] });
|
|
124
125
|
ChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChartModule, providers: [
|
|
125
126
|
ThemeService
|
|
126
127
|
], imports: [[CommonModule, PopupModule, ResizeSensorModule]] });
|
|
@@ -161,6 +161,7 @@ export class ThemeService extends ConfigurationService {
|
|
|
161
161
|
this.mapColor('seriesDefaults.verticalBullet.target.color', 'normal-text-color');
|
|
162
162
|
this.mapColor('seriesDefaults.waterfall.line.color', 'chart-major-lines');
|
|
163
163
|
this.mapColor('title.color', 'normal-text-color');
|
|
164
|
+
this.mapColor('subtitle.color', 'normal-text-color');
|
|
164
165
|
const opacity = parseFloat(this.queryStyle('chart-area-opacity').opacity);
|
|
165
166
|
if (!isNaN(opacity)) {
|
|
166
167
|
this.setStyle('seriesDefaults.area.opacity', opacity);
|
|
@@ -189,6 +190,7 @@ export class ThemeService extends ConfigurationService {
|
|
|
189
190
|
this.setStyle('seriesDefaults.labels.font', labelFont);
|
|
190
191
|
this.setStyle('seriesDefaults.notes.label.font', defaultFont);
|
|
191
192
|
this.setStyle('title.font', titleFont);
|
|
193
|
+
this.setStyle('subtitle.font', paneTitleFont);
|
|
192
194
|
this.setStyle('paneDefaults.title.font', paneTitleFont);
|
|
193
195
|
}
|
|
194
196
|
setSeriesColors() {
|
|
@@ -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:
|
|
12
|
+
publishDate: 1663057706,
|
|
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
|
};
|