@progress/kendo-angular-chart-wizard 21.4.1-develop.1 → 22.0.0-develop.1
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/fesm2022/progress-kendo-angular-chart-wizard.mjs +44 -44
- package/localization/messages.d.ts +1 -1
- package/package.json +21 -29
- package/esm2022/chart-wizard-state.mjs +0 -57
- package/esm2022/chart-wizard.component.mjs +0 -1237
- package/esm2022/chart-wizard.module.mjs +0 -67
- package/esm2022/common/get-wizard-data-from-data-rows.mjs +0 -6
- package/esm2022/common/index.mjs +0 -5
- package/esm2022/common/models.mjs +0 -24
- package/esm2022/common/window-settings.mjs +0 -5
- package/esm2022/directives.mjs +0 -34
- package/esm2022/events/export-event.mjs +0 -37
- package/esm2022/events/index.mjs +0 -5
- package/esm2022/events/preventable-event.mjs +0 -28
- package/esm2022/grid-integration/get-grid-selected-rows.mjs +0 -50
- package/esm2022/grid-integration/get-wizard-data-from-grid-selection.mjs +0 -13
- package/esm2022/grid-integration/grid-chart-wizard.directive.mjs +0 -95
- package/esm2022/grid-integration/index.mjs +0 -7
- package/esm2022/index.mjs +0 -12
- package/esm2022/localization/chartwizard-localization.service.mjs +0 -31
- package/esm2022/localization/custom-messages.component.mjs +0 -52
- package/esm2022/localization/localized-messages.directive.mjs +0 -39
- package/esm2022/localization/messages.mjs +0 -657
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/progress-kendo-angular-chart-wizard.mjs +0 -8
- package/esm2022/property-pane/chart-tab.component.mjs +0 -260
- package/esm2022/property-pane/data-tab.component.mjs +0 -270
- package/esm2022/property-pane/form-field.component.mjs +0 -296
- package/esm2022/property-pane/format-tab.component.mjs +0 -1032
- package/esm2022/series-type-button.component.mjs +0 -71
- package/esm2022/state.service.mjs +0 -36
|
@@ -1,1237 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 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, EventEmitter, HostBinding, Input, Output, ViewChild, } from '@angular/core';
|
|
6
|
-
import { WatermarkOverlayComponent, isPresent, shouldShowValidationUI, getLicenseMessage } from '@progress/kendo-angular-common';
|
|
7
|
-
import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
|
-
import { validatePackage } from '@progress/kendo-licensing';
|
|
9
|
-
import { Subscription } from 'rxjs';
|
|
10
|
-
import { packageMetadata } from './package-metadata';
|
|
11
|
-
import { ActionTypes, createState, updateState, mergeStates } from './chart-wizard-state';
|
|
12
|
-
import { exportIcon, fileIcon, fileImageIcon, filePdfIcon } from '@progress/kendo-svg-icons';
|
|
13
|
-
import { StateService } from './state.service';
|
|
14
|
-
import { ChartComponent } from '@progress/kendo-angular-charts';
|
|
15
|
-
import { saveAs } from '@progress/kendo-file-saver';
|
|
16
|
-
import { exportPDF } from '@progress/kendo-drawing';
|
|
17
|
-
import { ChartWizardPropertyPaneDataTabComponent } from './property-pane/data-tab.component';
|
|
18
|
-
import { ChartWizardPropertyPaneChartTabComponent } from './property-pane/chart-tab.component';
|
|
19
|
-
import { LegendComponent } from '@progress/kendo-angular-charts';
|
|
20
|
-
import { SeriesItemComponent } from '@progress/kendo-angular-charts';
|
|
21
|
-
import { SeriesComponent } from '@progress/kendo-angular-charts';
|
|
22
|
-
import { ValueAxisItemComponent } from '@progress/kendo-angular-charts';
|
|
23
|
-
import { ValueAxisComponent } from '@progress/kendo-angular-charts';
|
|
24
|
-
import { CategoryAxisItemComponent } from '@progress/kendo-angular-charts';
|
|
25
|
-
import { CategoryAxisComponent } from '@progress/kendo-angular-charts';
|
|
26
|
-
import { ChartAreaComponent } from '@progress/kendo-angular-charts';
|
|
27
|
-
import { SubtitleComponent } from '@progress/kendo-angular-charts';
|
|
28
|
-
import { TitleComponent } from '@progress/kendo-angular-charts';
|
|
29
|
-
import { WindowComponent } from '@progress/kendo-angular-dialog';
|
|
30
|
-
import { SplitterComponent, SplitterPaneComponent, TabContentDirective, TabStripComponent, TabStripTabComponent } from '@progress/kendo-angular-layout';
|
|
31
|
-
import { DropDownButtonComponent } from '@progress/kendo-angular-buttons';
|
|
32
|
-
import { ExportEvent } from './events';
|
|
33
|
-
import { defaultAllSeriesItem } from './common/models';
|
|
34
|
-
import { ChartWizardPropertyPaneFormatTabComponent } from './property-pane/format-tab.component';
|
|
35
|
-
import { ChartWizardCommon } from '@progress/kendo-charts';
|
|
36
|
-
import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
|
|
37
|
-
import { ChartWizardLocalizationService } from './localization/chartwizard-localization.service';
|
|
38
|
-
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
39
|
-
import * as i0 from "@angular/core";
|
|
40
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
41
|
-
import * as i2 from "./state.service";
|
|
42
|
-
/**
|
|
43
|
-
* Represents the Kendo UI for Angular Chart Wizard component.
|
|
44
|
-
*
|
|
45
|
-
* Use this component to create and configure charts with a guided interface.
|
|
46
|
-
*
|
|
47
|
-
* @example
|
|
48
|
-
* ```html
|
|
49
|
-
* <kendo-chartwizard [data]="data"></kendo-chartwizard>
|
|
50
|
-
* ```
|
|
51
|
-
* @remarks
|
|
52
|
-
* Supported children components are: {@link CustomMessagesComponent}.
|
|
53
|
-
*/
|
|
54
|
-
export class ChartWizardComponent {
|
|
55
|
-
localization;
|
|
56
|
-
stateService;
|
|
57
|
-
/**
|
|
58
|
-
* Sets the data for the Chart Wizard.
|
|
59
|
-
*/
|
|
60
|
-
data;
|
|
61
|
-
/**
|
|
62
|
-
* Sets the initial state for the Chart Wizard.
|
|
63
|
-
*/
|
|
64
|
-
defaultState;
|
|
65
|
-
/**
|
|
66
|
-
* Sets the export options for the Chart Wizard.
|
|
67
|
-
*/
|
|
68
|
-
exportOptions;
|
|
69
|
-
/**
|
|
70
|
-
* Specifies whether the configuration pane is collapsed by default.
|
|
71
|
-
* @default false
|
|
72
|
-
*/
|
|
73
|
-
collapsedConfigurationPane = false;
|
|
74
|
-
/**
|
|
75
|
-
* Sets the window settings for the Chart Wizard.
|
|
76
|
-
*/
|
|
77
|
-
windowSettings = {};
|
|
78
|
-
/**
|
|
79
|
-
* @hidden
|
|
80
|
-
*/
|
|
81
|
-
showLicenseWatermark = false;
|
|
82
|
-
/**
|
|
83
|
-
* @hidden
|
|
84
|
-
*/
|
|
85
|
-
licenseMessage;
|
|
86
|
-
/**
|
|
87
|
-
* @hidden
|
|
88
|
-
*/
|
|
89
|
-
exportIcon = exportIcon;
|
|
90
|
-
/**
|
|
91
|
-
* @hidden
|
|
92
|
-
*/
|
|
93
|
-
exportDropdownItems = [];
|
|
94
|
-
/**
|
|
95
|
-
* Fires when the Chart Wizard window closes.
|
|
96
|
-
*/
|
|
97
|
-
close = new EventEmitter();
|
|
98
|
-
/**
|
|
99
|
-
* Fires before the chart is exported. Prevent the default to cancel export.
|
|
100
|
-
*/
|
|
101
|
-
export = new EventEmitter();
|
|
102
|
-
get dir() {
|
|
103
|
-
return this.stateService.direction;
|
|
104
|
-
}
|
|
105
|
-
/**
|
|
106
|
-
* @hidden
|
|
107
|
-
*/
|
|
108
|
-
chart;
|
|
109
|
-
/**
|
|
110
|
-
* @hidden
|
|
111
|
-
*/
|
|
112
|
-
propertyPane;
|
|
113
|
-
/**
|
|
114
|
-
* @hidden
|
|
115
|
-
*/
|
|
116
|
-
dataTab;
|
|
117
|
-
/**
|
|
118
|
-
* @hidden
|
|
119
|
-
*/
|
|
120
|
-
messages = ChartWizardCommon.messages;
|
|
121
|
-
subscription = new Subscription();
|
|
122
|
-
constructor(localization, stateService) {
|
|
123
|
-
this.localization = localization;
|
|
124
|
-
this.stateService = stateService;
|
|
125
|
-
const isValid = validatePackage(packageMetadata);
|
|
126
|
-
this.licenseMessage = getLicenseMessage(packageMetadata);
|
|
127
|
-
this.showLicenseWatermark = shouldShowValidationUI(isValid);
|
|
128
|
-
this.stateService.direction = this.localization.rtl ? 'rtl' : 'ltr';
|
|
129
|
-
}
|
|
130
|
-
ngAfterViewInit() {
|
|
131
|
-
this.subscription.add(this.localization.changes.subscribe(({ rtl }) => {
|
|
132
|
-
this.stateService.direction = rtl ? 'rtl' : 'ltr';
|
|
133
|
-
this.exportDropdownItems = [
|
|
134
|
-
{
|
|
135
|
-
text: this.messageFor('exportPDFButton'),
|
|
136
|
-
svgIcon: filePdfIcon,
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
text: this.messageFor('exportSVGButton'),
|
|
140
|
-
svgIcon: fileIcon,
|
|
141
|
-
},
|
|
142
|
-
{
|
|
143
|
-
text: this.messageFor('exportPNGButton'),
|
|
144
|
-
svgIcon: fileImageIcon,
|
|
145
|
-
},
|
|
146
|
-
];
|
|
147
|
-
}));
|
|
148
|
-
this.stateService.dataTab = this.dataTab;
|
|
149
|
-
}
|
|
150
|
-
ngOnChanges(changes) {
|
|
151
|
-
if (changes['data'] && changes['data'].currentValue?.length > 0) {
|
|
152
|
-
const data = changes['data'].currentValue;
|
|
153
|
-
const clonedData = structuredClone(data);
|
|
154
|
-
this.stateService.data = clonedData;
|
|
155
|
-
this.stateService.state = createState(clonedData, this.stateService.state.seriesType);
|
|
156
|
-
}
|
|
157
|
-
if (changes['defaultState'] && this.data?.length > 0) {
|
|
158
|
-
const defaultState = changes['defaultState'].currentValue;
|
|
159
|
-
if (defaultState.seriesType) {
|
|
160
|
-
this.stateService.state.seriesType = defaultState.seriesType;
|
|
161
|
-
this.stateService.state = mergeStates(this.stateService.state, createState(this.stateService.data, this.stateService.state.seriesType));
|
|
162
|
-
}
|
|
163
|
-
this.stateService.currentSeries = defaultAllSeriesItem;
|
|
164
|
-
if (typeof defaultState.stack !== 'undefined') {
|
|
165
|
-
this.stateService.state = updateState(this.stateService.state, ActionTypes.stacked, defaultState.stack);
|
|
166
|
-
}
|
|
167
|
-
this.propertyPane?.detectChanges();
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
ngOnDestroy() {
|
|
171
|
-
if (this.subscription) {
|
|
172
|
-
this.subscription.unsubscribe();
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
/**
|
|
176
|
-
* @hidden
|
|
177
|
-
*/
|
|
178
|
-
messageFor(key) {
|
|
179
|
-
return this.localization.get(key);
|
|
180
|
-
}
|
|
181
|
-
/**
|
|
182
|
-
* @hidden
|
|
183
|
-
*/
|
|
184
|
-
onExport(exportType) {
|
|
185
|
-
const args = new ExportEvent(this.chart, this.exportOptions);
|
|
186
|
-
this.export.emit(args);
|
|
187
|
-
if (args.isDefaultPrevented()) {
|
|
188
|
-
return;
|
|
189
|
-
}
|
|
190
|
-
switch (exportType.text) {
|
|
191
|
-
case 'PDF File':
|
|
192
|
-
exportPDF(this.chart.exportVisual(), this.exportOptions?.pdf).then((dataURI) => {
|
|
193
|
-
saveAs(dataURI, this.exportOptions?.fileName || 'chart');
|
|
194
|
-
});
|
|
195
|
-
break;
|
|
196
|
-
case 'SVG File':
|
|
197
|
-
this.chart.exportSVG(this.exportOptions?.image).then((dataURI) => {
|
|
198
|
-
saveAs(dataURI, this.exportOptions?.fileName || 'chart');
|
|
199
|
-
});
|
|
200
|
-
break;
|
|
201
|
-
case 'PNG File':
|
|
202
|
-
this.chart.exportImage(this.exportOptions?.image).then((dataURI) => {
|
|
203
|
-
saveAs(dataURI, this.exportOptions?.fileName || 'chart');
|
|
204
|
-
});
|
|
205
|
-
break;
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
/**
|
|
209
|
-
* @hidden
|
|
210
|
-
*/
|
|
211
|
-
get windowWidth() {
|
|
212
|
-
return isPresent(this.windowSettings?.width) ? this.windowSettings.width : this.stateService.windowSize.width;
|
|
213
|
-
}
|
|
214
|
-
/**
|
|
215
|
-
* @hidden
|
|
216
|
-
*/
|
|
217
|
-
get windowHeight() {
|
|
218
|
-
return isPresent(this.windowSettings?.height) ? this.windowSettings.height : this.stateService.windowSize.height;
|
|
219
|
-
}
|
|
220
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChartWizardComponent, deps: [{ token: i1.LocalizationService }, { token: i2.StateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
221
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChartWizardComponent, isStandalone: true, selector: "kendo-chartwizard", inputs: { data: "data", defaultState: "defaultState", exportOptions: "exportOptions", collapsedConfigurationPane: "collapsedConfigurationPane", windowSettings: "windowSettings" }, outputs: { close: "close", export: "export" }, host: { properties: { "attr.dir": "this.dir" } }, providers: [
|
|
222
|
-
LocalizationService,
|
|
223
|
-
{
|
|
224
|
-
provide: L10N_PREFIX,
|
|
225
|
-
useValue: 'kendo.chartwizard',
|
|
226
|
-
},
|
|
227
|
-
ChartWizardLocalizationService,
|
|
228
|
-
{
|
|
229
|
-
provide: LocalizationService,
|
|
230
|
-
useExisting: ChartWizardLocalizationService
|
|
231
|
-
},
|
|
232
|
-
StateService
|
|
233
|
-
], viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }, { propertyName: "propertyPane", first: true, predicate: ChartWizardPropertyPaneChartTabComponent, descendants: true }, { propertyName: "dataTab", first: true, predicate: ChartWizardPropertyPaneDataTabComponent, descendants: true }], exportAs: ["kendoChartWizard"], usesOnChanges: true, ngImport: i0, template: `
|
|
234
|
-
<ng-container
|
|
235
|
-
kendoChartWizardLocalizedMessages
|
|
236
|
-
|
|
237
|
-
i18n-windowTitle="kendo.chartwizard.windowTitle|The title of the window."
|
|
238
|
-
[windowTitle]="messages.windowTitle"
|
|
239
|
-
|
|
240
|
-
i18n-exportButton="kendo.chartwizard.exportButton|The text of the Export DropDownButton."
|
|
241
|
-
[exportButton]="messages.exportButton"
|
|
242
|
-
|
|
243
|
-
i18n-exportPDFButton="kendo.chartwizard.exportPDFButton|The text of the Export DropDownButton option that represents PDF."
|
|
244
|
-
[exportPDFButton]="messages.exportPDFButton"
|
|
245
|
-
|
|
246
|
-
i18n-exportSVGButton="kendo.chartwizard.exportSVGButton|The text of the Export DropDownButton option that represents SVG."
|
|
247
|
-
[exportSVGButton]="messages.exportSVGButton"
|
|
248
|
-
|
|
249
|
-
i18n-exportPNGButton="kendo.chartwizard.exportPNGButton|The text of the Export DropDownButton option that represents PNG."
|
|
250
|
-
[exportPNGButton]="messages.exportPNGButton"
|
|
251
|
-
|
|
252
|
-
i18n-tabChart="kendo.chartwizard.tabChart|The text of the Chart tab of the property pane."
|
|
253
|
-
[tabChart]="messages.tabChart"
|
|
254
|
-
|
|
255
|
-
i18n-tabData="kendo.chartwizard.tabData|The text of the Data tab of the property pane."
|
|
256
|
-
[tabData]="messages.tabData"
|
|
257
|
-
|
|
258
|
-
i18n-tabFormat="kendo.chartwizard.tabFormat|The text of the Format tab of the property pane."
|
|
259
|
-
[tabFormat]="messages.tabFormat"
|
|
260
|
-
|
|
261
|
-
i18n-barChart="kendo.chartwizard.barChart|The text of the Chart panel that represents Bar Charts."
|
|
262
|
-
[barChart]="messages.barChart"
|
|
263
|
-
|
|
264
|
-
i18n-barChartBar="kendo.chartwizard.barChartBar|The text of the Bar Chart type."
|
|
265
|
-
[barChartBar]="messages.barChartBar"
|
|
266
|
-
|
|
267
|
-
i18n-barChartStackedBar="kendo.chartwizard.barChartStackedBar|The text of the Stacked Bar Chart type."
|
|
268
|
-
[barChartStackedBar]="messages.barChartStackedBar"
|
|
269
|
-
|
|
270
|
-
i18n-barChart100StackedBar="kendo.chartwizard.barChart100StackedBar|The text of the 100% Stacked Bar Chart type."
|
|
271
|
-
[barChart100StackedBar]="messages.barChart100StackedBar"
|
|
272
|
-
|
|
273
|
-
i18n-pieChart="kendo.chartwizard.pieChart|The text of the Chart panel that represents Pie Charts."
|
|
274
|
-
[pieChart]="messages.pieChart"
|
|
275
|
-
|
|
276
|
-
i18n-pieChartPie="kendo.chartwizard.pieChartPie|The text of the Pie Chart type."
|
|
277
|
-
[pieChartPie]="messages.pieChartPie"
|
|
278
|
-
|
|
279
|
-
i18n-columnChart="kendo.chartwizard.columnChart|The text of the Chart panel that represents Column Charts."
|
|
280
|
-
[columnChart]="messages.columnChart"
|
|
281
|
-
|
|
282
|
-
i18n-columnChartColumn="kendo.chartwizard.columnChartColumn|The text of the Column Chart type."
|
|
283
|
-
[columnChartColumn]="messages.columnChartColumn"
|
|
284
|
-
|
|
285
|
-
i18n-columnChartStackedColumn="kendo.chartwizard.columnChartStackedColumn|The text of the Stacked Column Chart type."
|
|
286
|
-
[columnChartStackedColumn]="messages.columnChartStackedColumn"
|
|
287
|
-
|
|
288
|
-
i18n-columnChart100StackedColumn="kendo.chartwizard.columnChart100StackedColumn|The text of the 100% Stacked Column Chart type."
|
|
289
|
-
[columnChart100StackedColumn]="messages.columnChart100StackedColumn"
|
|
290
|
-
|
|
291
|
-
i18n-lineChart="kendo.chartwizard.lineChart|The text of the Chart panel that represents Line Charts."
|
|
292
|
-
[lineChart]="messages.lineChart"
|
|
293
|
-
|
|
294
|
-
i18n-lineChartLine="kendo.chartwizard.lineChartLine|The text of the Line Chart type."
|
|
295
|
-
[lineChartLine]="messages.lineChartLine"
|
|
296
|
-
|
|
297
|
-
i18n-lineChartStackedLine="kendo.chartwizard.lineChartStackedLine|The text of the Stacked Line Chart type."
|
|
298
|
-
[lineChartStackedLine]="messages.lineChartStackedLine"
|
|
299
|
-
|
|
300
|
-
i18n-lineChart100StackedLine="kendo.chartwizard.lineChart100StackedLine|The text of the 100% Stacked Line Chart type."
|
|
301
|
-
[lineChart100StackedLine]="messages.lineChart100StackedLine"
|
|
302
|
-
|
|
303
|
-
i18n-scatterChart="kendo.chartwizard.scatterChart|The text of the Chart panel that represents Scatter Charts."
|
|
304
|
-
[scatterChart]="messages.scatterChart"
|
|
305
|
-
|
|
306
|
-
i18n-scatterChartScatter="kendo.chartwizard.scatterChartScatter|The text of the Scatter Chart type."
|
|
307
|
-
[scatterChartScatter]="messages.scatterChartScatter"
|
|
308
|
-
|
|
309
|
-
i18n-configuration="kendo.chartwizard.configuration|The text of the Configuration panel of the Data tab."
|
|
310
|
-
[configuration]="messages.configuration"
|
|
311
|
-
|
|
312
|
-
i18n-configurationCategoryAxis="kendo.chartwizard.configurationCategoryAxis|The caption of the Category Axis DropDown in the Configuration panel."
|
|
313
|
-
[configurationCategoryAxis]="messages.configurationCategoryAxis"
|
|
314
|
-
|
|
315
|
-
i18n-configurationXAxis="kendo.chartwizard.configurationXAxis|The caption of the X Axis DropDown in the Configuration panel when a Scatter Chart is selected."
|
|
316
|
-
[configurationXAxis]="messages.configurationXAxis"
|
|
317
|
-
|
|
318
|
-
i18n-configurationValueAxis="kendo.chartwizard.configurationValueAxis|The caption of the Value Axis DropDown in the Configuration panel when a Pie Chart is selected."
|
|
319
|
-
[configurationValueAxis]="messages.configurationValueAxis"
|
|
320
|
-
|
|
321
|
-
i18n-configurationSeries="kendo.chartwizard.configurationSeries|The text of the Series Grid in the Configuration panel when a Categorical Chart is selected."
|
|
322
|
-
[configurationSeries]="messages.configurationSeries"
|
|
323
|
-
|
|
324
|
-
i18n-configurationSeriesAdd="kendo.chartwizard.configurationSeriesAdd|The text of the Add Series button in the Grid of the Configuration panel."
|
|
325
|
-
[configurationSeriesAdd]="messages.configurationSeriesAdd"
|
|
326
|
-
|
|
327
|
-
i18n-formatChartArea="kendo.chartwizard.formatChartArea|The text of the Chart Area panel of the Format tab."
|
|
328
|
-
[formatChartArea]="messages.formatChartArea"
|
|
329
|
-
|
|
330
|
-
i18n-formatChartAreaMargins="kendo.chartwizard.formatChartAreaMargins|The text of the Margins settings of the Chart Area panel."
|
|
331
|
-
[formatChartAreaMargins]="messages.formatChartAreaMargins"
|
|
332
|
-
|
|
333
|
-
i18n-formatChartAreaMarginsAuto="kendo.chartwizard.formatChartAreaMarginsAuto|The placeholder of the Margins settings of the Chart Area panel."
|
|
334
|
-
[formatChartAreaMarginsAuto]="messages.formatChartAreaMarginsAuto"
|
|
335
|
-
|
|
336
|
-
i18n-formatChartAreaMarginsLeft="kendo.chartwizard.formatChartAreaMarginsLeft|The label of the Left margin setting of the Chart Area panel."
|
|
337
|
-
[formatChartAreaMarginsLeft]="messages.formatChartAreaMarginsLeft"
|
|
338
|
-
|
|
339
|
-
i18n-formatChartAreaMarginsRight="kendo.chartwizard.formatChartAreaMarginsRight|The label of the Right margin setting of the Chart Area panel."
|
|
340
|
-
[formatChartAreaMarginsRight]="messages.formatChartAreaMarginsRight"
|
|
341
|
-
|
|
342
|
-
i18n-formatChartAreaMarginsTop="kendo.chartwizard.formatChartAreaMarginsTop|The label of the Top margin setting of the Chart Area panel."
|
|
343
|
-
[formatChartAreaMarginsTop]="messages.formatChartAreaMarginsTop"
|
|
344
|
-
|
|
345
|
-
i18n-formatChartAreaMarginsBottom="kendo.chartwizard.formatChartAreaMarginsBottom|The label of the Bottom margin setting of the Chart Area panel."
|
|
346
|
-
[formatChartAreaMarginsBottom]="messages.formatChartAreaMarginsBottom"
|
|
347
|
-
|
|
348
|
-
i18n-formatChartAreaBackground="kendo.chartwizard.formatChartAreaBackground|The text of the Background settings of the Chart Area panel."
|
|
349
|
-
[formatChartAreaBackground]="messages.formatChartAreaBackground"
|
|
350
|
-
|
|
351
|
-
i18n-formatChartAreaBackgroundColor="kendo.chartwizard.formatChartAreaBackgroundColor|The label of the Color background setting of the Chart Area panel."
|
|
352
|
-
[formatChartAreaBackgroundColor]="messages.formatChartAreaBackgroundColor"
|
|
353
|
-
|
|
354
|
-
i18n-formatTitle="kendo.chartwizard.formatTitle|The text of the Title panel of the Format tab."
|
|
355
|
-
[formatTitle]="messages.formatTitle"
|
|
356
|
-
|
|
357
|
-
i18n-formatTitleApplyTo="kendo.chartwizard.formatTitleApplyTo|The label of the Apply to DropDown of the Title panel."
|
|
358
|
-
[formatTitleApplyTo]="messages.formatTitleApplyTo"
|
|
359
|
-
|
|
360
|
-
i18n-formatTitleChartTitle="kendo.chartwizard.formatTitleChartTitle|The text of the Chart Title option of the Apply to DropDown in the Title panel."
|
|
361
|
-
[formatTitleChartTitle]="messages.formatTitleChartTitle"
|
|
362
|
-
|
|
363
|
-
i18n-formatTitleChartSubtitle="kendo.chartwizard.formatTitleChartSubtitle|The text of the Chart Subtitle option of the Apply to DropDown in the Title panel."
|
|
364
|
-
[formatTitleChartSubtitle]="messages.formatTitleChartSubtitle"
|
|
365
|
-
|
|
366
|
-
i18n-formatTitleLabel="kendo.chartwizard.formatTitleLabel|The label of the Title input of the Title panel."
|
|
367
|
-
[formatTitleLabel]="messages.formatTitleLabel"
|
|
368
|
-
|
|
369
|
-
i18n-formatTitleFont="kendo.chartwizard.formatTitleFont|The label of the Font setting of the Title panel."
|
|
370
|
-
[formatTitleFont]="messages.formatTitleFont"
|
|
371
|
-
|
|
372
|
-
i18n-formatTitleFontPlaceholder="kendo.chartwizard.formatTitleFontPlaceholder|The placeholder of the Font setting of the Title panel."
|
|
373
|
-
[formatTitleFontPlaceholder]="messages.formatTitleFontPlaceholder"
|
|
374
|
-
|
|
375
|
-
i18n-formatTitleSize="kendo.chartwizard.formatTitleSize|The label of the Size setting of the Title panel."
|
|
376
|
-
[formatTitleSize]="messages.formatTitleSize"
|
|
377
|
-
|
|
378
|
-
i18n-formatTitleSizePlaceholder="kendo.chartwizard.formatTitleSizePlaceholder|The placeholder of the Size setting of the Title panel."
|
|
379
|
-
[formatTitleSizePlaceholder]="messages.formatTitleSizePlaceholder"
|
|
380
|
-
|
|
381
|
-
i18n-formatTitleColor="kendo.chartwizard.formatTitleColor|The label of the Color setting of the Title panel."
|
|
382
|
-
[formatTitleColor]="messages.formatTitleColor"
|
|
383
|
-
|
|
384
|
-
i18n-formatSeries="kendo.chartwizard.formatSeries|The text of the Series panel of the Format tab."
|
|
385
|
-
[formatSeries]="messages.formatSeries"
|
|
386
|
-
|
|
387
|
-
i18n-formatSeriesApplyTo="kendo.chartwizard.formatSeriesApplyTo|The label of the Apply to DropDown of the Series panel."
|
|
388
|
-
[formatSeriesApplyTo]="messages.formatSeriesApplyTo"
|
|
389
|
-
|
|
390
|
-
i18n-formatSeriesAllSeries="kendo.chartwizard.formatSeriesAllSeries|The text of the All Series option of the Apply to DropDown in the Series panel."
|
|
391
|
-
[formatSeriesAllSeries]="messages.formatSeriesAllSeries"
|
|
392
|
-
|
|
393
|
-
i18n-formatSeriesColor="kendo.chartwizard.formatSeriesColor|The label of the Color setting of the Series panel."
|
|
394
|
-
[formatSeriesColor]="messages.formatSeriesColor"
|
|
395
|
-
|
|
396
|
-
i18n-formatSeriesShowLabels="kendo.chartwizard.formatSeriesShowLabels|The label of the Show Labels checkbox of the Series panel."
|
|
397
|
-
[formatSeriesShowLabels]="messages.formatSeriesShowLabels"
|
|
398
|
-
|
|
399
|
-
i18n-formatLegend="kendo.chartwizard.formatLegend|The text of the Legend panel of the Format tab."
|
|
400
|
-
[formatLegend]="messages.formatLegend"
|
|
401
|
-
|
|
402
|
-
i18n-formatLegendShowLegend="kendo.chartwizard.formatLegendShowLegend|The label of the Show Legend switch of the Legend panel."
|
|
403
|
-
[formatLegendShowLegend]="messages.formatLegendShowLegend"
|
|
404
|
-
|
|
405
|
-
i18n-formatLegendFont="kendo.chartwizard.formatLegendFont|The label of the Font setting of the Legend panel."
|
|
406
|
-
[formatLegendFont]="messages.formatLegendFont"
|
|
407
|
-
|
|
408
|
-
i18n-formatLegendFontPlaceholder="kendo.chartwizard.formatLegendFontPlaceholder|The placeholder of the Font setting of the Legend panel."
|
|
409
|
-
[formatLegendFontPlaceholder]="messages.formatLegendFontPlaceholder"
|
|
410
|
-
|
|
411
|
-
i18n-formatLegendSize="kendo.chartwizard.formatLegendSize|The label of the Size setting of the Legend panel."
|
|
412
|
-
[formatLegendSize]="messages.formatLegendSize"
|
|
413
|
-
|
|
414
|
-
i18n-formatLegendSizePlaceholder="kendo.chartwizard.formatLegendSizePlaceholder|The placeholder of the Size setting of the Legend panel."
|
|
415
|
-
[formatLegendSizePlaceholder]="messages.formatLegendSizePlaceholder"
|
|
416
|
-
|
|
417
|
-
i18n-formatLegendColor="kendo.chartwizard.formatLegendColor|The label of the Color setting of the Legend panel."
|
|
418
|
-
[formatLegendColor]="messages.formatLegendColor"
|
|
419
|
-
|
|
420
|
-
i18n-formatLegendPosition="kendo.chartwizard.formatLegendPosition|The label of the Posiiton DropDown of the Legend panel."
|
|
421
|
-
[formatLegendPosition]="messages.formatLegendPosition"
|
|
422
|
-
|
|
423
|
-
i18n-formatLegendPositionTop="kendo.chartwizard.formatLegendPositionTop|The text of the Top option of the Position DropDown of the Legend panel."
|
|
424
|
-
[formatLegendPositionTop]="messages.formatLegendPositionTop"
|
|
425
|
-
|
|
426
|
-
i18n-formatLegendPositionBottom="kendo.chartwizard.formatLegendPositionBottom|The text of the Bottom option of the Position DropDown of the Legend panel."
|
|
427
|
-
[formatLegendPositionBottom]="messages.formatLegendPositionBottom"
|
|
428
|
-
|
|
429
|
-
i18n-formatLegendPositionLeft="kendo.chartwizard.formatLegendPositionLeft|The text of the Left option of the Position DropDown of the Legend panel."
|
|
430
|
-
[formatLegendPositionLeft]="messages.formatLegendPositionLeft"
|
|
431
|
-
|
|
432
|
-
i18n-formatLegendPositionRight="kendo.chartwizard.formatLegendPositionRight|The text of the Right option of the Position DropDown of the Legend panel."
|
|
433
|
-
[formatLegendPositionRight]="messages.formatLegendPositionRight"
|
|
434
|
-
|
|
435
|
-
i18n-formatCategoryAxis="kendo.chartwizard.formatCategoryAxis|The text of the Category Axis panel of the Format tab."
|
|
436
|
-
[formatCategoryAxis]="messages.formatCategoryAxis"
|
|
437
|
-
|
|
438
|
-
i18n-formatXAxis="kendo.chartwizard.formatXAxis|The text of the X Axis panel of the Format tab when a Scatter Chart is selected."
|
|
439
|
-
[formatXAxis]="messages.formatXAxis"
|
|
440
|
-
|
|
441
|
-
i18n-formatCategoryAxisTitle="kendo.chartwizard.formatCategoryAxisTitle|The label of the Title settings of the Category Axis panel."
|
|
442
|
-
[formatCategoryAxisTitle]="messages.formatCategoryAxisTitle"
|
|
443
|
-
|
|
444
|
-
i18n-formatCategoryAxisTitlePlaceholder="kendo.chartwizard.formatCategoryAxisTitlePlaceholder|The placeholder of the Title input of the Category Axis panel."
|
|
445
|
-
[formatCategoryAxisTitlePlaceholder]="messages.formatCategoryAxisTitlePlaceholder"
|
|
446
|
-
|
|
447
|
-
i18n-formatCategoryAxisTitleFont="kendo.chartwizard.formatCategoryAxisTitleFont|The label of the Font settings of the Title in the Category Axis panel."
|
|
448
|
-
[formatCategoryAxisTitleFont]="messages.formatCategoryAxisTitleFont"
|
|
449
|
-
|
|
450
|
-
i18n-formatCategoryAxisTitleFontPlaceholder="kendo.chartwizard.formatCategoryAxisTitleFontPlaceholder|The placeholder of the Font settings of the Title in the Category Axis panel."
|
|
451
|
-
[formatCategoryAxisTitleFontPlaceholder]="messages.formatCategoryAxisTitleFontPlaceholder"
|
|
452
|
-
|
|
453
|
-
i18n-formatCategoryAxisTitleSize="kendo.chartwizard.formatCategoryAxisTitleSize|The label of the Size settings of the Title in the Category Axis panel."
|
|
454
|
-
[formatCategoryAxisTitleSize]="messages.formatCategoryAxisTitleSize"
|
|
455
|
-
|
|
456
|
-
i18n-formatCategoryAxisTitleSizePlaceholder="kendo.chartwizard.formatCategoryAxisTitleSizePlaceholder|The placeholder of the Size settings of the Title in the Category Axis panel."
|
|
457
|
-
[formatCategoryAxisTitleSizePlaceholder]="messages.formatCategoryAxisTitleSizePlaceholder"
|
|
458
|
-
|
|
459
|
-
i18n-formatCategoryAxisTitleColor="kendo.chartwizard.formatCategoryAxisTitleColor|The label of the Color settings of the Title in the Category Axis panel."
|
|
460
|
-
[formatCategoryAxisTitleColor]="messages.formatCategoryAxisTitleColor"
|
|
461
|
-
|
|
462
|
-
i18n-formatCategoryAxisLabels="kendo.chartwizard.formatCategoryAxisLabels|The label of the Labels settings of the Category Axis panel."
|
|
463
|
-
[formatCategoryAxisLabels]="messages.formatCategoryAxisLabels"
|
|
464
|
-
|
|
465
|
-
i18n-formatCategoryAxisLabelsFont="kendo.chartwizard.formatCategoryAxisLabelsFont|The label of the Font settings of the Labels in the Category Axis panel."
|
|
466
|
-
[formatCategoryAxisLabelsFont]="messages.formatCategoryAxisLabelsFont"
|
|
467
|
-
|
|
468
|
-
i18n-formatCategoryAxisLabelsFontPlaceholder="kendo.chartwizard.formatCategoryAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Category Axis panel."
|
|
469
|
-
[formatCategoryAxisLabelsFontPlaceholder]="messages.formatCategoryAxisLabelsFontPlaceholder"
|
|
470
|
-
|
|
471
|
-
i18n-formatCategoryAxisLabelsSize="kendo.chartwizard.formatCategoryAxisLabelsSize|The label of the Size settings of the Labels in the Category Axis panel."
|
|
472
|
-
[formatCategoryAxisLabelsSize]="messages.formatCategoryAxisLabelsSize"
|
|
473
|
-
|
|
474
|
-
i18n-formatCategoryAxisLabelsSizePlaceholder="kendo.chartwizard.formatCategoryAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Category Axis panel."
|
|
475
|
-
[formatCategoryAxisLabelsSizePlaceholder]="messages.formatCategoryAxisLabelsSizePlaceholder"
|
|
476
|
-
|
|
477
|
-
i18n-formatCategoryAxisLabelsColor="kendo.chartwizard.formatCategoryAxisLabelsColor|The label of the Color settings of the Labels in the Category Axis panel."
|
|
478
|
-
[formatCategoryAxisLabelsColor]="messages.formatCategoryAxisLabelsColor"
|
|
479
|
-
|
|
480
|
-
i18n-formatCategoryAxisLabelsRotation="kendo.chartwizard.formatCategoryAxisLabelsRotation|The label of the Rotation settings of the Labels in the Category Axis panel."
|
|
481
|
-
[formatCategoryAxisLabelsRotation]="messages.formatCategoryAxisLabelsRotation"
|
|
482
|
-
|
|
483
|
-
i18n-formatCategoryAxisLabelsRotationAuto="kendo.chartwizard.formatCategoryAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Category Axis panel."
|
|
484
|
-
[formatCategoryAxisLabelsRotationAuto]="messages.formatCategoryAxisLabelsRotationAuto"
|
|
485
|
-
|
|
486
|
-
i18n-formatCategoryAxisLabelsReverseOrder="kendo.chartwizard.formatCategoryAxisLabelsReverseOrder|The label of the Reverse Order checkbox of the Labels in the Category Axis panel."
|
|
487
|
-
[formatCategoryAxisLabelsReverseOrder]="messages.formatCategoryAxisLabelsReverseOrder"
|
|
488
|
-
|
|
489
|
-
i18n-formatValueAxis="kendo.chartwizard.formatValueAxis|The text of the Value Axis panel of the Format tab."
|
|
490
|
-
[formatValueAxis]="messages.formatValueAxis"
|
|
491
|
-
|
|
492
|
-
i18n-formatYAxis="kendo.chartwizard.formatYAxis|The text of the Y Axis panel of the Format tab."
|
|
493
|
-
[formatYAxis]="messages.formatYAxis"
|
|
494
|
-
|
|
495
|
-
i18n-formatValueAxisTitle="kendo.chartwizard.formatValueAxisTitle|The label of the Title settings of the Value Axis panel."
|
|
496
|
-
[formatValueAxisTitle]="messages.formatValueAxisTitle"
|
|
497
|
-
|
|
498
|
-
i18n-formatValueAxisTitlePlaceholder="kendo.chartwizard.formatValueAxisTitlePlaceholder|The placeholder of the Title settings of the Value Axis panel."
|
|
499
|
-
[formatValueAxisTitlePlaceholder]="messages.formatValueAxisTitlePlaceholder"
|
|
500
|
-
|
|
501
|
-
i18n-formatValueAxisTitleFont="kendo.chartwizard.formatValueAxisTitleFont|The label of the Font settings of the Value Axis panel."
|
|
502
|
-
[formatValueAxisTitleFont]="messages.formatValueAxisTitleFont"
|
|
503
|
-
|
|
504
|
-
i18n-formatValueAxisTitleFontPlaceholder="kendo.chartwizard.formatValueAxisTitleFontPlaceholder|The placeholder of the Font settings of the Value Axis panel."
|
|
505
|
-
[formatYAxis]="messages.formatValueAxisTitleFontPlaceholder"
|
|
506
|
-
|
|
507
|
-
i18n-formatValueAxisTitleSize="kendo.chartwizard.formatValueAxisTitleSize|The label of the Size settings of the Value Axis panel."
|
|
508
|
-
[formatValueAxisTitleSize]="messages.formatValueAxisTitleSize"
|
|
509
|
-
|
|
510
|
-
i18n-formatValueAxisTitleSizePlaceholder="kendo.chartwizard.formatValueAxisTitleSizePlaceholder|The placeholder of the Size settings of the Value Axis panel."
|
|
511
|
-
[formatValueAxisTitleSizePlaceholder]="messages.formatValueAxisTitleSizePlaceholder"
|
|
512
|
-
|
|
513
|
-
i18n-formatValueAxisTitleColor="kendo.chartwizard.formatValueAxisTitleColor|The label of the Color settings of the Value Axis panel."
|
|
514
|
-
[formatValueAxisTitleColor]="messages.formatValueAxisTitleColor"
|
|
515
|
-
|
|
516
|
-
i18n-formatValueAxisLabels="kendo.chartwizard.formatValueAxisLabels|The label of the Labels settings of the Value Axis panel."
|
|
517
|
-
[formatValueAxisLabels]="messages.formatValueAxisLabels"
|
|
518
|
-
|
|
519
|
-
i18n-formatValueAxisLabelsFormat="kendo.chartwizard.formatValueAxisLabelsFormat|The label of the Format DropDown of the Labels settings of the Value Axis panel."
|
|
520
|
-
[formatValueAxisLabelsFormat]="messages.formatValueAxisLabelsFormat"
|
|
521
|
-
|
|
522
|
-
i18n-formatValueAxisLabelsFormatText="kendo.chartwizard.formatValueAxisLabelsFormatText|The Text option of the Format DropDown of the Labels settings of the Value Axis panel."
|
|
523
|
-
[formatValueAxisLabelsFormatText]="messages.formatValueAxisLabelsFormatText"
|
|
524
|
-
|
|
525
|
-
i18n-formatValueAxisLabelsFormatNumber="kendo.chartwizard.formatValueAxisLabelsFormatNumber|The Number option of the Format DropDown of the Labels settings of the Value Axis panel."
|
|
526
|
-
[formatValueAxisLabelsFormatNumber]="messages.formatValueAxisLabelsFormatNumber"
|
|
527
|
-
|
|
528
|
-
i18n-formatValueAxisLabelsFormatCurrency="kendo.chartwizard.formatValueAxisLabelsFormatCurrency|The Currency option of the Format DropDown of the Labels settings of the Value Axis panel."
|
|
529
|
-
[formatValueAxisLabelsFormatCurrency]="messages.formatValueAxisLabelsFormatCurrency"
|
|
530
|
-
|
|
531
|
-
i18n-formatValueAxisLabelsFormatPercent="kendo.chartwizard.formatValueAxisLabelsFormatPercent|The Percent option of the Format DropDown of the Labels settings of the Value Axis panel."
|
|
532
|
-
[formatValueAxisLabelsFormatPercent]="messages.formatValueAxisLabelsFormatPercent"
|
|
533
|
-
|
|
534
|
-
i18n-formatValueAxisLabelsFont="kendo.chartwizard.formatValueAxisLabelsFont|The label of the Font settings of the Labels in the Value Axis panel."
|
|
535
|
-
[formatValueAxisLabelsFont]="messages.formatValueAxisLabelsFont"
|
|
536
|
-
|
|
537
|
-
i18n-formatValueAxisLabelsFontPlaceholder="kendo.chartwizard.formatValueAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Value Axis panel."
|
|
538
|
-
[formatValueAxisLabelsFontPlaceholder]="messages.formatValueAxisLabelsFontPlaceholder"
|
|
539
|
-
|
|
540
|
-
i18n-formatValueAxisLabelsSize="kendo.chartwizard.formatValueAxisLabelsSize|The label of the Size settings of the Labels in the Value Axis panel."
|
|
541
|
-
[formatValueAxisLabelsSize]="messages.formatValueAxisLabelsSize"
|
|
542
|
-
|
|
543
|
-
i18n-formatValueAxisLabelsSizePlaceholder="kendo.chartwizard.formatValueAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Value Axis panel."
|
|
544
|
-
[formatValueAxisLabelsSizePlaceholder]="messages.formatValueAxisLabelsSizePlaceholder"
|
|
545
|
-
|
|
546
|
-
i18n-formatValueAxisLabelsColor="kendo.chartwizard.formatValueAxisLabelsColor|The label of the Color settings of the Labels in the Value Axis panel."
|
|
547
|
-
[formatValueAxisLabelsColor]="messages.formatValueAxisLabelsColor"
|
|
548
|
-
|
|
549
|
-
i18n-formatValueAxisLabelsRotation="kendo.chartwizard.formatValueAxisLabelsRotation|The label of the Rotation settings of the Labels in the Value Axis panel."
|
|
550
|
-
[formatValueAxisLabelsRotation]="messages.formatValueAxisLabelsRotation"
|
|
551
|
-
|
|
552
|
-
i18n-formatValueAxisLabelsRotationAuto="kendo.chartwizard.formatValueAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Value Axis panel."
|
|
553
|
-
[formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
|
|
554
|
-
|
|
555
|
-
></ng-container>
|
|
556
|
-
@if (windowSettings?.modal) {
|
|
557
|
-
<div @overlayAppear class="k-overlay"> </div>
|
|
558
|
-
}
|
|
559
|
-
<kendo-window
|
|
560
|
-
class="k-chart-wizard"
|
|
561
|
-
[title]="messageFor('windowTitle')"
|
|
562
|
-
[width]="windowWidth"
|
|
563
|
-
[height]="windowHeight"
|
|
564
|
-
[minWidth]="windowSettings?.minWidth"
|
|
565
|
-
[minHeight]="windowSettings?.minHeight"
|
|
566
|
-
[state]="windowSettings?.state"
|
|
567
|
-
[resizable]="true"
|
|
568
|
-
(close)="close.emit()"
|
|
569
|
-
>
|
|
570
|
-
<kendo-splitter class="k-chart-wizard-splitter">
|
|
571
|
-
<kendo-splitter-pane class="k-chart-wizard-preview-pane">
|
|
572
|
-
<div class="k-preview-pane-header">
|
|
573
|
-
<kendo-dropdownbutton
|
|
574
|
-
[svgIcon]="exportIcon"
|
|
575
|
-
[data]="exportDropdownItems"
|
|
576
|
-
textField="text"
|
|
577
|
-
fillMode="flat"
|
|
578
|
-
(itemClick)="onExport($event)"
|
|
579
|
-
>
|
|
580
|
-
{{ messageFor('exportButton') }}
|
|
581
|
-
</kendo-dropdownbutton>
|
|
582
|
-
</div>
|
|
583
|
-
<div class="k-preview-pane-content" [style.height]="'calc(100% - 50px)'">
|
|
584
|
-
<kendo-chart [transitions]="false" [style.width.%]="100" [style.height.%]="100">
|
|
585
|
-
<kendo-chart-title
|
|
586
|
-
[text]="stateService.state.title?.text"
|
|
587
|
-
[font]="stateService.state.title?.font"
|
|
588
|
-
[color]="stateService.state.title?.color"
|
|
589
|
-
></kendo-chart-title>
|
|
590
|
-
<kendo-chart-subtitle
|
|
591
|
-
[text]="stateService.state.subtitle?.text"
|
|
592
|
-
[font]="stateService.state.subtitle?.font"
|
|
593
|
-
[color]="stateService.state.subtitle?.color"
|
|
594
|
-
></kendo-chart-subtitle>
|
|
595
|
-
<kendo-chart-area
|
|
596
|
-
[background]="stateService.state.area?.background"
|
|
597
|
-
[margin]="stateService.state.area?.margin"
|
|
598
|
-
>
|
|
599
|
-
</kendo-chart-area>
|
|
600
|
-
@if (stateService.state.categoryAxis) {
|
|
601
|
-
<kendo-chart-category-axis>
|
|
602
|
-
@for (axis of stateService.state.categoryAxis; track $index) {
|
|
603
|
-
<kendo-chart-category-axis-item
|
|
604
|
-
[categories]="axis.categories"
|
|
605
|
-
[title]="{
|
|
606
|
-
text: axis.title?.text,
|
|
607
|
-
font: axis.title?.font,
|
|
608
|
-
color: axis.title?.color
|
|
609
|
-
}"
|
|
610
|
-
[labels]="{
|
|
611
|
-
rotation: axis.labels?.rotation,
|
|
612
|
-
font: axis.labels?.font,
|
|
613
|
-
color: axis.labels?.color
|
|
614
|
-
}"
|
|
615
|
-
[reverse]="axis.reverse"
|
|
616
|
-
>
|
|
617
|
-
</kendo-chart-category-axis-item>
|
|
618
|
-
}
|
|
619
|
-
@if (stateService.state.valueAxis) {
|
|
620
|
-
<kendo-chart-value-axis>
|
|
621
|
-
@for (axis of stateService.state.valueAxis; track $index) {
|
|
622
|
-
<kendo-chart-value-axis-item
|
|
623
|
-
[title]="{
|
|
624
|
-
text: axis.title?.text,
|
|
625
|
-
font: axis.title?.font,
|
|
626
|
-
color: axis.title?.color
|
|
627
|
-
}"
|
|
628
|
-
[labels]="{
|
|
629
|
-
rotation: axis.labels?.rotation,
|
|
630
|
-
font: axis.labels?.font,
|
|
631
|
-
color: axis.labels?.color,
|
|
632
|
-
format: axis.labels?.format
|
|
633
|
-
}"
|
|
634
|
-
>
|
|
635
|
-
</kendo-chart-value-axis-item>
|
|
636
|
-
}
|
|
637
|
-
</kendo-chart-value-axis>
|
|
638
|
-
}
|
|
639
|
-
</kendo-chart-category-axis>
|
|
640
|
-
}
|
|
641
|
-
<kendo-chart-series>
|
|
642
|
-
@for (series of stateService.state.series; track $index) {
|
|
643
|
-
<kendo-chart-series-item
|
|
644
|
-
[type]="series.type"
|
|
645
|
-
[data]="series.data"
|
|
646
|
-
[stack]="series.stack"
|
|
647
|
-
[field]="series.field"
|
|
648
|
-
[categoryField]="series.categoryField"
|
|
649
|
-
[name]="series.name"
|
|
650
|
-
[color]="series.color"
|
|
651
|
-
[labels]="{ visible: series.labels?.visible }"
|
|
652
|
-
[width]="series.width"
|
|
653
|
-
>
|
|
654
|
-
</kendo-chart-series-item>
|
|
655
|
-
}
|
|
656
|
-
</kendo-chart-series>
|
|
657
|
-
<kendo-chart-legend
|
|
658
|
-
[visible]="stateService.state.legend?.visible"
|
|
659
|
-
[position]="stateService.state.legend?.position"
|
|
660
|
-
[labels]="stateService.state.legend?.labels"
|
|
661
|
-
>
|
|
662
|
-
</kendo-chart-legend>
|
|
663
|
-
</kendo-chart>
|
|
664
|
-
</div>
|
|
665
|
-
</kendo-splitter-pane>
|
|
666
|
-
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
|
|
667
|
-
<kendo-tabstrip [keepTabContent]="true">
|
|
668
|
-
<kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
|
|
669
|
-
<ng-template kendoTabContent>
|
|
670
|
-
<kendo-chartwizard-property-pane-chart-tab>
|
|
671
|
-
</kendo-chartwizard-property-pane-chart-tab>
|
|
672
|
-
</ng-template>
|
|
673
|
-
</kendo-tabstrip-tab>
|
|
674
|
-
<kendo-tabstrip-tab [title]="messageFor('tabData')">
|
|
675
|
-
<ng-template kendoTabContent>
|
|
676
|
-
<kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
|
|
677
|
-
</ng-template>
|
|
678
|
-
</kendo-tabstrip-tab>
|
|
679
|
-
<kendo-tabstrip-tab [title]="messageFor('tabFormat')">
|
|
680
|
-
<ng-template kendoTabContent>
|
|
681
|
-
<kendo-chartwizard-property-pane-format-tab>
|
|
682
|
-
</kendo-chartwizard-property-pane-format-tab>
|
|
683
|
-
</ng-template>
|
|
684
|
-
</kendo-tabstrip-tab>
|
|
685
|
-
</kendo-tabstrip>
|
|
686
|
-
</kendo-splitter-pane>
|
|
687
|
-
</kendo-splitter>
|
|
688
|
-
@if (showLicenseWatermark) {
|
|
689
|
-
<div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
|
|
690
|
-
}
|
|
691
|
-
</kendo-window>
|
|
692
|
-
`, isInline: true, dependencies: [{ kind: "component", type: WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "observeStyles", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "component", type: TitleComponent, selector: "kendo-chart-title", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "description", "visible"] }, { kind: "component", type: SubtitleComponent, selector: "kendo-chart-subtitle", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "visible"] }, { kind: "component", type: ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "component", type: CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "component", type: CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels"] }, { kind: "component", type: ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "style", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title", "focusHighlight"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: ChartWizardPropertyPaneChartTabComponent, selector: "kendo-chartwizard-property-pane-chart-tab" }, { kind: "component", type: ChartWizardPropertyPaneFormatTabComponent, selector: "kendo-chartwizard-property-pane-format-tab" }, { kind: "component", type: ChartWizardPropertyPaneDataTabComponent, selector: "kendo-chartwizard-property-pane-data-tab" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoChartWizardLocalizedMessages]" }], animations: [
|
|
693
|
-
trigger('overlayAppear', [
|
|
694
|
-
state('in', style({ opacity: 1 })),
|
|
695
|
-
transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
|
|
696
|
-
])
|
|
697
|
-
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
698
|
-
}
|
|
699
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChartWizardComponent, decorators: [{
|
|
700
|
-
type: Component,
|
|
701
|
-
args: [{
|
|
702
|
-
animations: [
|
|
703
|
-
trigger('overlayAppear', [
|
|
704
|
-
state('in', style({ opacity: 1 })),
|
|
705
|
-
transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
|
|
706
|
-
])
|
|
707
|
-
],
|
|
708
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
709
|
-
exportAs: 'kendoChartWizard',
|
|
710
|
-
providers: [
|
|
711
|
-
LocalizationService,
|
|
712
|
-
{
|
|
713
|
-
provide: L10N_PREFIX,
|
|
714
|
-
useValue: 'kendo.chartwizard',
|
|
715
|
-
},
|
|
716
|
-
ChartWizardLocalizationService,
|
|
717
|
-
{
|
|
718
|
-
provide: LocalizationService,
|
|
719
|
-
useExisting: ChartWizardLocalizationService
|
|
720
|
-
},
|
|
721
|
-
StateService
|
|
722
|
-
],
|
|
723
|
-
selector: 'kendo-chartwizard',
|
|
724
|
-
template: `
|
|
725
|
-
<ng-container
|
|
726
|
-
kendoChartWizardLocalizedMessages
|
|
727
|
-
|
|
728
|
-
i18n-windowTitle="kendo.chartwizard.windowTitle|The title of the window."
|
|
729
|
-
[windowTitle]="messages.windowTitle"
|
|
730
|
-
|
|
731
|
-
i18n-exportButton="kendo.chartwizard.exportButton|The text of the Export DropDownButton."
|
|
732
|
-
[exportButton]="messages.exportButton"
|
|
733
|
-
|
|
734
|
-
i18n-exportPDFButton="kendo.chartwizard.exportPDFButton|The text of the Export DropDownButton option that represents PDF."
|
|
735
|
-
[exportPDFButton]="messages.exportPDFButton"
|
|
736
|
-
|
|
737
|
-
i18n-exportSVGButton="kendo.chartwizard.exportSVGButton|The text of the Export DropDownButton option that represents SVG."
|
|
738
|
-
[exportSVGButton]="messages.exportSVGButton"
|
|
739
|
-
|
|
740
|
-
i18n-exportPNGButton="kendo.chartwizard.exportPNGButton|The text of the Export DropDownButton option that represents PNG."
|
|
741
|
-
[exportPNGButton]="messages.exportPNGButton"
|
|
742
|
-
|
|
743
|
-
i18n-tabChart="kendo.chartwizard.tabChart|The text of the Chart tab of the property pane."
|
|
744
|
-
[tabChart]="messages.tabChart"
|
|
745
|
-
|
|
746
|
-
i18n-tabData="kendo.chartwizard.tabData|The text of the Data tab of the property pane."
|
|
747
|
-
[tabData]="messages.tabData"
|
|
748
|
-
|
|
749
|
-
i18n-tabFormat="kendo.chartwizard.tabFormat|The text of the Format tab of the property pane."
|
|
750
|
-
[tabFormat]="messages.tabFormat"
|
|
751
|
-
|
|
752
|
-
i18n-barChart="kendo.chartwizard.barChart|The text of the Chart panel that represents Bar Charts."
|
|
753
|
-
[barChart]="messages.barChart"
|
|
754
|
-
|
|
755
|
-
i18n-barChartBar="kendo.chartwizard.barChartBar|The text of the Bar Chart type."
|
|
756
|
-
[barChartBar]="messages.barChartBar"
|
|
757
|
-
|
|
758
|
-
i18n-barChartStackedBar="kendo.chartwizard.barChartStackedBar|The text of the Stacked Bar Chart type."
|
|
759
|
-
[barChartStackedBar]="messages.barChartStackedBar"
|
|
760
|
-
|
|
761
|
-
i18n-barChart100StackedBar="kendo.chartwizard.barChart100StackedBar|The text of the 100% Stacked Bar Chart type."
|
|
762
|
-
[barChart100StackedBar]="messages.barChart100StackedBar"
|
|
763
|
-
|
|
764
|
-
i18n-pieChart="kendo.chartwizard.pieChart|The text of the Chart panel that represents Pie Charts."
|
|
765
|
-
[pieChart]="messages.pieChart"
|
|
766
|
-
|
|
767
|
-
i18n-pieChartPie="kendo.chartwizard.pieChartPie|The text of the Pie Chart type."
|
|
768
|
-
[pieChartPie]="messages.pieChartPie"
|
|
769
|
-
|
|
770
|
-
i18n-columnChart="kendo.chartwizard.columnChart|The text of the Chart panel that represents Column Charts."
|
|
771
|
-
[columnChart]="messages.columnChart"
|
|
772
|
-
|
|
773
|
-
i18n-columnChartColumn="kendo.chartwizard.columnChartColumn|The text of the Column Chart type."
|
|
774
|
-
[columnChartColumn]="messages.columnChartColumn"
|
|
775
|
-
|
|
776
|
-
i18n-columnChartStackedColumn="kendo.chartwizard.columnChartStackedColumn|The text of the Stacked Column Chart type."
|
|
777
|
-
[columnChartStackedColumn]="messages.columnChartStackedColumn"
|
|
778
|
-
|
|
779
|
-
i18n-columnChart100StackedColumn="kendo.chartwizard.columnChart100StackedColumn|The text of the 100% Stacked Column Chart type."
|
|
780
|
-
[columnChart100StackedColumn]="messages.columnChart100StackedColumn"
|
|
781
|
-
|
|
782
|
-
i18n-lineChart="kendo.chartwizard.lineChart|The text of the Chart panel that represents Line Charts."
|
|
783
|
-
[lineChart]="messages.lineChart"
|
|
784
|
-
|
|
785
|
-
i18n-lineChartLine="kendo.chartwizard.lineChartLine|The text of the Line Chart type."
|
|
786
|
-
[lineChartLine]="messages.lineChartLine"
|
|
787
|
-
|
|
788
|
-
i18n-lineChartStackedLine="kendo.chartwizard.lineChartStackedLine|The text of the Stacked Line Chart type."
|
|
789
|
-
[lineChartStackedLine]="messages.lineChartStackedLine"
|
|
790
|
-
|
|
791
|
-
i18n-lineChart100StackedLine="kendo.chartwizard.lineChart100StackedLine|The text of the 100% Stacked Line Chart type."
|
|
792
|
-
[lineChart100StackedLine]="messages.lineChart100StackedLine"
|
|
793
|
-
|
|
794
|
-
i18n-scatterChart="kendo.chartwizard.scatterChart|The text of the Chart panel that represents Scatter Charts."
|
|
795
|
-
[scatterChart]="messages.scatterChart"
|
|
796
|
-
|
|
797
|
-
i18n-scatterChartScatter="kendo.chartwizard.scatterChartScatter|The text of the Scatter Chart type."
|
|
798
|
-
[scatterChartScatter]="messages.scatterChartScatter"
|
|
799
|
-
|
|
800
|
-
i18n-configuration="kendo.chartwizard.configuration|The text of the Configuration panel of the Data tab."
|
|
801
|
-
[configuration]="messages.configuration"
|
|
802
|
-
|
|
803
|
-
i18n-configurationCategoryAxis="kendo.chartwizard.configurationCategoryAxis|The caption of the Category Axis DropDown in the Configuration panel."
|
|
804
|
-
[configurationCategoryAxis]="messages.configurationCategoryAxis"
|
|
805
|
-
|
|
806
|
-
i18n-configurationXAxis="kendo.chartwizard.configurationXAxis|The caption of the X Axis DropDown in the Configuration panel when a Scatter Chart is selected."
|
|
807
|
-
[configurationXAxis]="messages.configurationXAxis"
|
|
808
|
-
|
|
809
|
-
i18n-configurationValueAxis="kendo.chartwizard.configurationValueAxis|The caption of the Value Axis DropDown in the Configuration panel when a Pie Chart is selected."
|
|
810
|
-
[configurationValueAxis]="messages.configurationValueAxis"
|
|
811
|
-
|
|
812
|
-
i18n-configurationSeries="kendo.chartwizard.configurationSeries|The text of the Series Grid in the Configuration panel when a Categorical Chart is selected."
|
|
813
|
-
[configurationSeries]="messages.configurationSeries"
|
|
814
|
-
|
|
815
|
-
i18n-configurationSeriesAdd="kendo.chartwizard.configurationSeriesAdd|The text of the Add Series button in the Grid of the Configuration panel."
|
|
816
|
-
[configurationSeriesAdd]="messages.configurationSeriesAdd"
|
|
817
|
-
|
|
818
|
-
i18n-formatChartArea="kendo.chartwizard.formatChartArea|The text of the Chart Area panel of the Format tab."
|
|
819
|
-
[formatChartArea]="messages.formatChartArea"
|
|
820
|
-
|
|
821
|
-
i18n-formatChartAreaMargins="kendo.chartwizard.formatChartAreaMargins|The text of the Margins settings of the Chart Area panel."
|
|
822
|
-
[formatChartAreaMargins]="messages.formatChartAreaMargins"
|
|
823
|
-
|
|
824
|
-
i18n-formatChartAreaMarginsAuto="kendo.chartwizard.formatChartAreaMarginsAuto|The placeholder of the Margins settings of the Chart Area panel."
|
|
825
|
-
[formatChartAreaMarginsAuto]="messages.formatChartAreaMarginsAuto"
|
|
826
|
-
|
|
827
|
-
i18n-formatChartAreaMarginsLeft="kendo.chartwizard.formatChartAreaMarginsLeft|The label of the Left margin setting of the Chart Area panel."
|
|
828
|
-
[formatChartAreaMarginsLeft]="messages.formatChartAreaMarginsLeft"
|
|
829
|
-
|
|
830
|
-
i18n-formatChartAreaMarginsRight="kendo.chartwizard.formatChartAreaMarginsRight|The label of the Right margin setting of the Chart Area panel."
|
|
831
|
-
[formatChartAreaMarginsRight]="messages.formatChartAreaMarginsRight"
|
|
832
|
-
|
|
833
|
-
i18n-formatChartAreaMarginsTop="kendo.chartwizard.formatChartAreaMarginsTop|The label of the Top margin setting of the Chart Area panel."
|
|
834
|
-
[formatChartAreaMarginsTop]="messages.formatChartAreaMarginsTop"
|
|
835
|
-
|
|
836
|
-
i18n-formatChartAreaMarginsBottom="kendo.chartwizard.formatChartAreaMarginsBottom|The label of the Bottom margin setting of the Chart Area panel."
|
|
837
|
-
[formatChartAreaMarginsBottom]="messages.formatChartAreaMarginsBottom"
|
|
838
|
-
|
|
839
|
-
i18n-formatChartAreaBackground="kendo.chartwizard.formatChartAreaBackground|The text of the Background settings of the Chart Area panel."
|
|
840
|
-
[formatChartAreaBackground]="messages.formatChartAreaBackground"
|
|
841
|
-
|
|
842
|
-
i18n-formatChartAreaBackgroundColor="kendo.chartwizard.formatChartAreaBackgroundColor|The label of the Color background setting of the Chart Area panel."
|
|
843
|
-
[formatChartAreaBackgroundColor]="messages.formatChartAreaBackgroundColor"
|
|
844
|
-
|
|
845
|
-
i18n-formatTitle="kendo.chartwizard.formatTitle|The text of the Title panel of the Format tab."
|
|
846
|
-
[formatTitle]="messages.formatTitle"
|
|
847
|
-
|
|
848
|
-
i18n-formatTitleApplyTo="kendo.chartwizard.formatTitleApplyTo|The label of the Apply to DropDown of the Title panel."
|
|
849
|
-
[formatTitleApplyTo]="messages.formatTitleApplyTo"
|
|
850
|
-
|
|
851
|
-
i18n-formatTitleChartTitle="kendo.chartwizard.formatTitleChartTitle|The text of the Chart Title option of the Apply to DropDown in the Title panel."
|
|
852
|
-
[formatTitleChartTitle]="messages.formatTitleChartTitle"
|
|
853
|
-
|
|
854
|
-
i18n-formatTitleChartSubtitle="kendo.chartwizard.formatTitleChartSubtitle|The text of the Chart Subtitle option of the Apply to DropDown in the Title panel."
|
|
855
|
-
[formatTitleChartSubtitle]="messages.formatTitleChartSubtitle"
|
|
856
|
-
|
|
857
|
-
i18n-formatTitleLabel="kendo.chartwizard.formatTitleLabel|The label of the Title input of the Title panel."
|
|
858
|
-
[formatTitleLabel]="messages.formatTitleLabel"
|
|
859
|
-
|
|
860
|
-
i18n-formatTitleFont="kendo.chartwizard.formatTitleFont|The label of the Font setting of the Title panel."
|
|
861
|
-
[formatTitleFont]="messages.formatTitleFont"
|
|
862
|
-
|
|
863
|
-
i18n-formatTitleFontPlaceholder="kendo.chartwizard.formatTitleFontPlaceholder|The placeholder of the Font setting of the Title panel."
|
|
864
|
-
[formatTitleFontPlaceholder]="messages.formatTitleFontPlaceholder"
|
|
865
|
-
|
|
866
|
-
i18n-formatTitleSize="kendo.chartwizard.formatTitleSize|The label of the Size setting of the Title panel."
|
|
867
|
-
[formatTitleSize]="messages.formatTitleSize"
|
|
868
|
-
|
|
869
|
-
i18n-formatTitleSizePlaceholder="kendo.chartwizard.formatTitleSizePlaceholder|The placeholder of the Size setting of the Title panel."
|
|
870
|
-
[formatTitleSizePlaceholder]="messages.formatTitleSizePlaceholder"
|
|
871
|
-
|
|
872
|
-
i18n-formatTitleColor="kendo.chartwizard.formatTitleColor|The label of the Color setting of the Title panel."
|
|
873
|
-
[formatTitleColor]="messages.formatTitleColor"
|
|
874
|
-
|
|
875
|
-
i18n-formatSeries="kendo.chartwizard.formatSeries|The text of the Series panel of the Format tab."
|
|
876
|
-
[formatSeries]="messages.formatSeries"
|
|
877
|
-
|
|
878
|
-
i18n-formatSeriesApplyTo="kendo.chartwizard.formatSeriesApplyTo|The label of the Apply to DropDown of the Series panel."
|
|
879
|
-
[formatSeriesApplyTo]="messages.formatSeriesApplyTo"
|
|
880
|
-
|
|
881
|
-
i18n-formatSeriesAllSeries="kendo.chartwizard.formatSeriesAllSeries|The text of the All Series option of the Apply to DropDown in the Series panel."
|
|
882
|
-
[formatSeriesAllSeries]="messages.formatSeriesAllSeries"
|
|
883
|
-
|
|
884
|
-
i18n-formatSeriesColor="kendo.chartwizard.formatSeriesColor|The label of the Color setting of the Series panel."
|
|
885
|
-
[formatSeriesColor]="messages.formatSeriesColor"
|
|
886
|
-
|
|
887
|
-
i18n-formatSeriesShowLabels="kendo.chartwizard.formatSeriesShowLabels|The label of the Show Labels checkbox of the Series panel."
|
|
888
|
-
[formatSeriesShowLabels]="messages.formatSeriesShowLabels"
|
|
889
|
-
|
|
890
|
-
i18n-formatLegend="kendo.chartwizard.formatLegend|The text of the Legend panel of the Format tab."
|
|
891
|
-
[formatLegend]="messages.formatLegend"
|
|
892
|
-
|
|
893
|
-
i18n-formatLegendShowLegend="kendo.chartwizard.formatLegendShowLegend|The label of the Show Legend switch of the Legend panel."
|
|
894
|
-
[formatLegendShowLegend]="messages.formatLegendShowLegend"
|
|
895
|
-
|
|
896
|
-
i18n-formatLegendFont="kendo.chartwizard.formatLegendFont|The label of the Font setting of the Legend panel."
|
|
897
|
-
[formatLegendFont]="messages.formatLegendFont"
|
|
898
|
-
|
|
899
|
-
i18n-formatLegendFontPlaceholder="kendo.chartwizard.formatLegendFontPlaceholder|The placeholder of the Font setting of the Legend panel."
|
|
900
|
-
[formatLegendFontPlaceholder]="messages.formatLegendFontPlaceholder"
|
|
901
|
-
|
|
902
|
-
i18n-formatLegendSize="kendo.chartwizard.formatLegendSize|The label of the Size setting of the Legend panel."
|
|
903
|
-
[formatLegendSize]="messages.formatLegendSize"
|
|
904
|
-
|
|
905
|
-
i18n-formatLegendSizePlaceholder="kendo.chartwizard.formatLegendSizePlaceholder|The placeholder of the Size setting of the Legend panel."
|
|
906
|
-
[formatLegendSizePlaceholder]="messages.formatLegendSizePlaceholder"
|
|
907
|
-
|
|
908
|
-
i18n-formatLegendColor="kendo.chartwizard.formatLegendColor|The label of the Color setting of the Legend panel."
|
|
909
|
-
[formatLegendColor]="messages.formatLegendColor"
|
|
910
|
-
|
|
911
|
-
i18n-formatLegendPosition="kendo.chartwizard.formatLegendPosition|The label of the Posiiton DropDown of the Legend panel."
|
|
912
|
-
[formatLegendPosition]="messages.formatLegendPosition"
|
|
913
|
-
|
|
914
|
-
i18n-formatLegendPositionTop="kendo.chartwizard.formatLegendPositionTop|The text of the Top option of the Position DropDown of the Legend panel."
|
|
915
|
-
[formatLegendPositionTop]="messages.formatLegendPositionTop"
|
|
916
|
-
|
|
917
|
-
i18n-formatLegendPositionBottom="kendo.chartwizard.formatLegendPositionBottom|The text of the Bottom option of the Position DropDown of the Legend panel."
|
|
918
|
-
[formatLegendPositionBottom]="messages.formatLegendPositionBottom"
|
|
919
|
-
|
|
920
|
-
i18n-formatLegendPositionLeft="kendo.chartwizard.formatLegendPositionLeft|The text of the Left option of the Position DropDown of the Legend panel."
|
|
921
|
-
[formatLegendPositionLeft]="messages.formatLegendPositionLeft"
|
|
922
|
-
|
|
923
|
-
i18n-formatLegendPositionRight="kendo.chartwizard.formatLegendPositionRight|The text of the Right option of the Position DropDown of the Legend panel."
|
|
924
|
-
[formatLegendPositionRight]="messages.formatLegendPositionRight"
|
|
925
|
-
|
|
926
|
-
i18n-formatCategoryAxis="kendo.chartwizard.formatCategoryAxis|The text of the Category Axis panel of the Format tab."
|
|
927
|
-
[formatCategoryAxis]="messages.formatCategoryAxis"
|
|
928
|
-
|
|
929
|
-
i18n-formatXAxis="kendo.chartwizard.formatXAxis|The text of the X Axis panel of the Format tab when a Scatter Chart is selected."
|
|
930
|
-
[formatXAxis]="messages.formatXAxis"
|
|
931
|
-
|
|
932
|
-
i18n-formatCategoryAxisTitle="kendo.chartwizard.formatCategoryAxisTitle|The label of the Title settings of the Category Axis panel."
|
|
933
|
-
[formatCategoryAxisTitle]="messages.formatCategoryAxisTitle"
|
|
934
|
-
|
|
935
|
-
i18n-formatCategoryAxisTitlePlaceholder="kendo.chartwizard.formatCategoryAxisTitlePlaceholder|The placeholder of the Title input of the Category Axis panel."
|
|
936
|
-
[formatCategoryAxisTitlePlaceholder]="messages.formatCategoryAxisTitlePlaceholder"
|
|
937
|
-
|
|
938
|
-
i18n-formatCategoryAxisTitleFont="kendo.chartwizard.formatCategoryAxisTitleFont|The label of the Font settings of the Title in the Category Axis panel."
|
|
939
|
-
[formatCategoryAxisTitleFont]="messages.formatCategoryAxisTitleFont"
|
|
940
|
-
|
|
941
|
-
i18n-formatCategoryAxisTitleFontPlaceholder="kendo.chartwizard.formatCategoryAxisTitleFontPlaceholder|The placeholder of the Font settings of the Title in the Category Axis panel."
|
|
942
|
-
[formatCategoryAxisTitleFontPlaceholder]="messages.formatCategoryAxisTitleFontPlaceholder"
|
|
943
|
-
|
|
944
|
-
i18n-formatCategoryAxisTitleSize="kendo.chartwizard.formatCategoryAxisTitleSize|The label of the Size settings of the Title in the Category Axis panel."
|
|
945
|
-
[formatCategoryAxisTitleSize]="messages.formatCategoryAxisTitleSize"
|
|
946
|
-
|
|
947
|
-
i18n-formatCategoryAxisTitleSizePlaceholder="kendo.chartwizard.formatCategoryAxisTitleSizePlaceholder|The placeholder of the Size settings of the Title in the Category Axis panel."
|
|
948
|
-
[formatCategoryAxisTitleSizePlaceholder]="messages.formatCategoryAxisTitleSizePlaceholder"
|
|
949
|
-
|
|
950
|
-
i18n-formatCategoryAxisTitleColor="kendo.chartwizard.formatCategoryAxisTitleColor|The label of the Color settings of the Title in the Category Axis panel."
|
|
951
|
-
[formatCategoryAxisTitleColor]="messages.formatCategoryAxisTitleColor"
|
|
952
|
-
|
|
953
|
-
i18n-formatCategoryAxisLabels="kendo.chartwizard.formatCategoryAxisLabels|The label of the Labels settings of the Category Axis panel."
|
|
954
|
-
[formatCategoryAxisLabels]="messages.formatCategoryAxisLabels"
|
|
955
|
-
|
|
956
|
-
i18n-formatCategoryAxisLabelsFont="kendo.chartwizard.formatCategoryAxisLabelsFont|The label of the Font settings of the Labels in the Category Axis panel."
|
|
957
|
-
[formatCategoryAxisLabelsFont]="messages.formatCategoryAxisLabelsFont"
|
|
958
|
-
|
|
959
|
-
i18n-formatCategoryAxisLabelsFontPlaceholder="kendo.chartwizard.formatCategoryAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Category Axis panel."
|
|
960
|
-
[formatCategoryAxisLabelsFontPlaceholder]="messages.formatCategoryAxisLabelsFontPlaceholder"
|
|
961
|
-
|
|
962
|
-
i18n-formatCategoryAxisLabelsSize="kendo.chartwizard.formatCategoryAxisLabelsSize|The label of the Size settings of the Labels in the Category Axis panel."
|
|
963
|
-
[formatCategoryAxisLabelsSize]="messages.formatCategoryAxisLabelsSize"
|
|
964
|
-
|
|
965
|
-
i18n-formatCategoryAxisLabelsSizePlaceholder="kendo.chartwizard.formatCategoryAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Category Axis panel."
|
|
966
|
-
[formatCategoryAxisLabelsSizePlaceholder]="messages.formatCategoryAxisLabelsSizePlaceholder"
|
|
967
|
-
|
|
968
|
-
i18n-formatCategoryAxisLabelsColor="kendo.chartwizard.formatCategoryAxisLabelsColor|The label of the Color settings of the Labels in the Category Axis panel."
|
|
969
|
-
[formatCategoryAxisLabelsColor]="messages.formatCategoryAxisLabelsColor"
|
|
970
|
-
|
|
971
|
-
i18n-formatCategoryAxisLabelsRotation="kendo.chartwizard.formatCategoryAxisLabelsRotation|The label of the Rotation settings of the Labels in the Category Axis panel."
|
|
972
|
-
[formatCategoryAxisLabelsRotation]="messages.formatCategoryAxisLabelsRotation"
|
|
973
|
-
|
|
974
|
-
i18n-formatCategoryAxisLabelsRotationAuto="kendo.chartwizard.formatCategoryAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Category Axis panel."
|
|
975
|
-
[formatCategoryAxisLabelsRotationAuto]="messages.formatCategoryAxisLabelsRotationAuto"
|
|
976
|
-
|
|
977
|
-
i18n-formatCategoryAxisLabelsReverseOrder="kendo.chartwizard.formatCategoryAxisLabelsReverseOrder|The label of the Reverse Order checkbox of the Labels in the Category Axis panel."
|
|
978
|
-
[formatCategoryAxisLabelsReverseOrder]="messages.formatCategoryAxisLabelsReverseOrder"
|
|
979
|
-
|
|
980
|
-
i18n-formatValueAxis="kendo.chartwizard.formatValueAxis|The text of the Value Axis panel of the Format tab."
|
|
981
|
-
[formatValueAxis]="messages.formatValueAxis"
|
|
982
|
-
|
|
983
|
-
i18n-formatYAxis="kendo.chartwizard.formatYAxis|The text of the Y Axis panel of the Format tab."
|
|
984
|
-
[formatYAxis]="messages.formatYAxis"
|
|
985
|
-
|
|
986
|
-
i18n-formatValueAxisTitle="kendo.chartwizard.formatValueAxisTitle|The label of the Title settings of the Value Axis panel."
|
|
987
|
-
[formatValueAxisTitle]="messages.formatValueAxisTitle"
|
|
988
|
-
|
|
989
|
-
i18n-formatValueAxisTitlePlaceholder="kendo.chartwizard.formatValueAxisTitlePlaceholder|The placeholder of the Title settings of the Value Axis panel."
|
|
990
|
-
[formatValueAxisTitlePlaceholder]="messages.formatValueAxisTitlePlaceholder"
|
|
991
|
-
|
|
992
|
-
i18n-formatValueAxisTitleFont="kendo.chartwizard.formatValueAxisTitleFont|The label of the Font settings of the Value Axis panel."
|
|
993
|
-
[formatValueAxisTitleFont]="messages.formatValueAxisTitleFont"
|
|
994
|
-
|
|
995
|
-
i18n-formatValueAxisTitleFontPlaceholder="kendo.chartwizard.formatValueAxisTitleFontPlaceholder|The placeholder of the Font settings of the Value Axis panel."
|
|
996
|
-
[formatYAxis]="messages.formatValueAxisTitleFontPlaceholder"
|
|
997
|
-
|
|
998
|
-
i18n-formatValueAxisTitleSize="kendo.chartwizard.formatValueAxisTitleSize|The label of the Size settings of the Value Axis panel."
|
|
999
|
-
[formatValueAxisTitleSize]="messages.formatValueAxisTitleSize"
|
|
1000
|
-
|
|
1001
|
-
i18n-formatValueAxisTitleSizePlaceholder="kendo.chartwizard.formatValueAxisTitleSizePlaceholder|The placeholder of the Size settings of the Value Axis panel."
|
|
1002
|
-
[formatValueAxisTitleSizePlaceholder]="messages.formatValueAxisTitleSizePlaceholder"
|
|
1003
|
-
|
|
1004
|
-
i18n-formatValueAxisTitleColor="kendo.chartwizard.formatValueAxisTitleColor|The label of the Color settings of the Value Axis panel."
|
|
1005
|
-
[formatValueAxisTitleColor]="messages.formatValueAxisTitleColor"
|
|
1006
|
-
|
|
1007
|
-
i18n-formatValueAxisLabels="kendo.chartwizard.formatValueAxisLabels|The label of the Labels settings of the Value Axis panel."
|
|
1008
|
-
[formatValueAxisLabels]="messages.formatValueAxisLabels"
|
|
1009
|
-
|
|
1010
|
-
i18n-formatValueAxisLabelsFormat="kendo.chartwizard.formatValueAxisLabelsFormat|The label of the Format DropDown of the Labels settings of the Value Axis panel."
|
|
1011
|
-
[formatValueAxisLabelsFormat]="messages.formatValueAxisLabelsFormat"
|
|
1012
|
-
|
|
1013
|
-
i18n-formatValueAxisLabelsFormatText="kendo.chartwizard.formatValueAxisLabelsFormatText|The Text option of the Format DropDown of the Labels settings of the Value Axis panel."
|
|
1014
|
-
[formatValueAxisLabelsFormatText]="messages.formatValueAxisLabelsFormatText"
|
|
1015
|
-
|
|
1016
|
-
i18n-formatValueAxisLabelsFormatNumber="kendo.chartwizard.formatValueAxisLabelsFormatNumber|The Number option of the Format DropDown of the Labels settings of the Value Axis panel."
|
|
1017
|
-
[formatValueAxisLabelsFormatNumber]="messages.formatValueAxisLabelsFormatNumber"
|
|
1018
|
-
|
|
1019
|
-
i18n-formatValueAxisLabelsFormatCurrency="kendo.chartwizard.formatValueAxisLabelsFormatCurrency|The Currency option of the Format DropDown of the Labels settings of the Value Axis panel."
|
|
1020
|
-
[formatValueAxisLabelsFormatCurrency]="messages.formatValueAxisLabelsFormatCurrency"
|
|
1021
|
-
|
|
1022
|
-
i18n-formatValueAxisLabelsFormatPercent="kendo.chartwizard.formatValueAxisLabelsFormatPercent|The Percent option of the Format DropDown of the Labels settings of the Value Axis panel."
|
|
1023
|
-
[formatValueAxisLabelsFormatPercent]="messages.formatValueAxisLabelsFormatPercent"
|
|
1024
|
-
|
|
1025
|
-
i18n-formatValueAxisLabelsFont="kendo.chartwizard.formatValueAxisLabelsFont|The label of the Font settings of the Labels in the Value Axis panel."
|
|
1026
|
-
[formatValueAxisLabelsFont]="messages.formatValueAxisLabelsFont"
|
|
1027
|
-
|
|
1028
|
-
i18n-formatValueAxisLabelsFontPlaceholder="kendo.chartwizard.formatValueAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Value Axis panel."
|
|
1029
|
-
[formatValueAxisLabelsFontPlaceholder]="messages.formatValueAxisLabelsFontPlaceholder"
|
|
1030
|
-
|
|
1031
|
-
i18n-formatValueAxisLabelsSize="kendo.chartwizard.formatValueAxisLabelsSize|The label of the Size settings of the Labels in the Value Axis panel."
|
|
1032
|
-
[formatValueAxisLabelsSize]="messages.formatValueAxisLabelsSize"
|
|
1033
|
-
|
|
1034
|
-
i18n-formatValueAxisLabelsSizePlaceholder="kendo.chartwizard.formatValueAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Value Axis panel."
|
|
1035
|
-
[formatValueAxisLabelsSizePlaceholder]="messages.formatValueAxisLabelsSizePlaceholder"
|
|
1036
|
-
|
|
1037
|
-
i18n-formatValueAxisLabelsColor="kendo.chartwizard.formatValueAxisLabelsColor|The label of the Color settings of the Labels in the Value Axis panel."
|
|
1038
|
-
[formatValueAxisLabelsColor]="messages.formatValueAxisLabelsColor"
|
|
1039
|
-
|
|
1040
|
-
i18n-formatValueAxisLabelsRotation="kendo.chartwizard.formatValueAxisLabelsRotation|The label of the Rotation settings of the Labels in the Value Axis panel."
|
|
1041
|
-
[formatValueAxisLabelsRotation]="messages.formatValueAxisLabelsRotation"
|
|
1042
|
-
|
|
1043
|
-
i18n-formatValueAxisLabelsRotationAuto="kendo.chartwizard.formatValueAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Value Axis panel."
|
|
1044
|
-
[formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
|
|
1045
|
-
|
|
1046
|
-
></ng-container>
|
|
1047
|
-
@if (windowSettings?.modal) {
|
|
1048
|
-
<div @overlayAppear class="k-overlay"> </div>
|
|
1049
|
-
}
|
|
1050
|
-
<kendo-window
|
|
1051
|
-
class="k-chart-wizard"
|
|
1052
|
-
[title]="messageFor('windowTitle')"
|
|
1053
|
-
[width]="windowWidth"
|
|
1054
|
-
[height]="windowHeight"
|
|
1055
|
-
[minWidth]="windowSettings?.minWidth"
|
|
1056
|
-
[minHeight]="windowSettings?.minHeight"
|
|
1057
|
-
[state]="windowSettings?.state"
|
|
1058
|
-
[resizable]="true"
|
|
1059
|
-
(close)="close.emit()"
|
|
1060
|
-
>
|
|
1061
|
-
<kendo-splitter class="k-chart-wizard-splitter">
|
|
1062
|
-
<kendo-splitter-pane class="k-chart-wizard-preview-pane">
|
|
1063
|
-
<div class="k-preview-pane-header">
|
|
1064
|
-
<kendo-dropdownbutton
|
|
1065
|
-
[svgIcon]="exportIcon"
|
|
1066
|
-
[data]="exportDropdownItems"
|
|
1067
|
-
textField="text"
|
|
1068
|
-
fillMode="flat"
|
|
1069
|
-
(itemClick)="onExport($event)"
|
|
1070
|
-
>
|
|
1071
|
-
{{ messageFor('exportButton') }}
|
|
1072
|
-
</kendo-dropdownbutton>
|
|
1073
|
-
</div>
|
|
1074
|
-
<div class="k-preview-pane-content" [style.height]="'calc(100% - 50px)'">
|
|
1075
|
-
<kendo-chart [transitions]="false" [style.width.%]="100" [style.height.%]="100">
|
|
1076
|
-
<kendo-chart-title
|
|
1077
|
-
[text]="stateService.state.title?.text"
|
|
1078
|
-
[font]="stateService.state.title?.font"
|
|
1079
|
-
[color]="stateService.state.title?.color"
|
|
1080
|
-
></kendo-chart-title>
|
|
1081
|
-
<kendo-chart-subtitle
|
|
1082
|
-
[text]="stateService.state.subtitle?.text"
|
|
1083
|
-
[font]="stateService.state.subtitle?.font"
|
|
1084
|
-
[color]="stateService.state.subtitle?.color"
|
|
1085
|
-
></kendo-chart-subtitle>
|
|
1086
|
-
<kendo-chart-area
|
|
1087
|
-
[background]="stateService.state.area?.background"
|
|
1088
|
-
[margin]="stateService.state.area?.margin"
|
|
1089
|
-
>
|
|
1090
|
-
</kendo-chart-area>
|
|
1091
|
-
@if (stateService.state.categoryAxis) {
|
|
1092
|
-
<kendo-chart-category-axis>
|
|
1093
|
-
@for (axis of stateService.state.categoryAxis; track $index) {
|
|
1094
|
-
<kendo-chart-category-axis-item
|
|
1095
|
-
[categories]="axis.categories"
|
|
1096
|
-
[title]="{
|
|
1097
|
-
text: axis.title?.text,
|
|
1098
|
-
font: axis.title?.font,
|
|
1099
|
-
color: axis.title?.color
|
|
1100
|
-
}"
|
|
1101
|
-
[labels]="{
|
|
1102
|
-
rotation: axis.labels?.rotation,
|
|
1103
|
-
font: axis.labels?.font,
|
|
1104
|
-
color: axis.labels?.color
|
|
1105
|
-
}"
|
|
1106
|
-
[reverse]="axis.reverse"
|
|
1107
|
-
>
|
|
1108
|
-
</kendo-chart-category-axis-item>
|
|
1109
|
-
}
|
|
1110
|
-
@if (stateService.state.valueAxis) {
|
|
1111
|
-
<kendo-chart-value-axis>
|
|
1112
|
-
@for (axis of stateService.state.valueAxis; track $index) {
|
|
1113
|
-
<kendo-chart-value-axis-item
|
|
1114
|
-
[title]="{
|
|
1115
|
-
text: axis.title?.text,
|
|
1116
|
-
font: axis.title?.font,
|
|
1117
|
-
color: axis.title?.color
|
|
1118
|
-
}"
|
|
1119
|
-
[labels]="{
|
|
1120
|
-
rotation: axis.labels?.rotation,
|
|
1121
|
-
font: axis.labels?.font,
|
|
1122
|
-
color: axis.labels?.color,
|
|
1123
|
-
format: axis.labels?.format
|
|
1124
|
-
}"
|
|
1125
|
-
>
|
|
1126
|
-
</kendo-chart-value-axis-item>
|
|
1127
|
-
}
|
|
1128
|
-
</kendo-chart-value-axis>
|
|
1129
|
-
}
|
|
1130
|
-
</kendo-chart-category-axis>
|
|
1131
|
-
}
|
|
1132
|
-
<kendo-chart-series>
|
|
1133
|
-
@for (series of stateService.state.series; track $index) {
|
|
1134
|
-
<kendo-chart-series-item
|
|
1135
|
-
[type]="series.type"
|
|
1136
|
-
[data]="series.data"
|
|
1137
|
-
[stack]="series.stack"
|
|
1138
|
-
[field]="series.field"
|
|
1139
|
-
[categoryField]="series.categoryField"
|
|
1140
|
-
[name]="series.name"
|
|
1141
|
-
[color]="series.color"
|
|
1142
|
-
[labels]="{ visible: series.labels?.visible }"
|
|
1143
|
-
[width]="series.width"
|
|
1144
|
-
>
|
|
1145
|
-
</kendo-chart-series-item>
|
|
1146
|
-
}
|
|
1147
|
-
</kendo-chart-series>
|
|
1148
|
-
<kendo-chart-legend
|
|
1149
|
-
[visible]="stateService.state.legend?.visible"
|
|
1150
|
-
[position]="stateService.state.legend?.position"
|
|
1151
|
-
[labels]="stateService.state.legend?.labels"
|
|
1152
|
-
>
|
|
1153
|
-
</kendo-chart-legend>
|
|
1154
|
-
</kendo-chart>
|
|
1155
|
-
</div>
|
|
1156
|
-
</kendo-splitter-pane>
|
|
1157
|
-
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
|
|
1158
|
-
<kendo-tabstrip [keepTabContent]="true">
|
|
1159
|
-
<kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
|
|
1160
|
-
<ng-template kendoTabContent>
|
|
1161
|
-
<kendo-chartwizard-property-pane-chart-tab>
|
|
1162
|
-
</kendo-chartwizard-property-pane-chart-tab>
|
|
1163
|
-
</ng-template>
|
|
1164
|
-
</kendo-tabstrip-tab>
|
|
1165
|
-
<kendo-tabstrip-tab [title]="messageFor('tabData')">
|
|
1166
|
-
<ng-template kendoTabContent>
|
|
1167
|
-
<kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
|
|
1168
|
-
</ng-template>
|
|
1169
|
-
</kendo-tabstrip-tab>
|
|
1170
|
-
<kendo-tabstrip-tab [title]="messageFor('tabFormat')">
|
|
1171
|
-
<ng-template kendoTabContent>
|
|
1172
|
-
<kendo-chartwizard-property-pane-format-tab>
|
|
1173
|
-
</kendo-chartwizard-property-pane-format-tab>
|
|
1174
|
-
</ng-template>
|
|
1175
|
-
</kendo-tabstrip-tab>
|
|
1176
|
-
</kendo-tabstrip>
|
|
1177
|
-
</kendo-splitter-pane>
|
|
1178
|
-
</kendo-splitter>
|
|
1179
|
-
@if (showLicenseWatermark) {
|
|
1180
|
-
<div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
|
|
1181
|
-
}
|
|
1182
|
-
</kendo-window>
|
|
1183
|
-
`,
|
|
1184
|
-
standalone: true,
|
|
1185
|
-
imports: [
|
|
1186
|
-
WindowComponent,
|
|
1187
|
-
SplitterComponent,
|
|
1188
|
-
SplitterPaneComponent,
|
|
1189
|
-
DropDownButtonComponent,
|
|
1190
|
-
ChartComponent,
|
|
1191
|
-
TitleComponent,
|
|
1192
|
-
SubtitleComponent,
|
|
1193
|
-
ChartAreaComponent,
|
|
1194
|
-
CategoryAxisComponent,
|
|
1195
|
-
CategoryAxisItemComponent,
|
|
1196
|
-
ValueAxisComponent,
|
|
1197
|
-
ValueAxisItemComponent,
|
|
1198
|
-
SeriesComponent,
|
|
1199
|
-
SeriesItemComponent,
|
|
1200
|
-
LegendComponent,
|
|
1201
|
-
TabStripComponent,
|
|
1202
|
-
TabStripTabComponent,
|
|
1203
|
-
TabContentDirective,
|
|
1204
|
-
ChartWizardPropertyPaneChartTabComponent,
|
|
1205
|
-
ChartWizardPropertyPaneFormatTabComponent,
|
|
1206
|
-
ChartWizardPropertyPaneDataTabComponent,
|
|
1207
|
-
WatermarkOverlayComponent,
|
|
1208
|
-
LocalizedMessagesDirective
|
|
1209
|
-
]
|
|
1210
|
-
}]
|
|
1211
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i2.StateService }], propDecorators: { data: [{
|
|
1212
|
-
type: Input
|
|
1213
|
-
}], defaultState: [{
|
|
1214
|
-
type: Input
|
|
1215
|
-
}], exportOptions: [{
|
|
1216
|
-
type: Input
|
|
1217
|
-
}], collapsedConfigurationPane: [{
|
|
1218
|
-
type: Input
|
|
1219
|
-
}], windowSettings: [{
|
|
1220
|
-
type: Input
|
|
1221
|
-
}], close: [{
|
|
1222
|
-
type: Output
|
|
1223
|
-
}], export: [{
|
|
1224
|
-
type: Output
|
|
1225
|
-
}], dir: [{
|
|
1226
|
-
type: HostBinding,
|
|
1227
|
-
args: ['attr.dir']
|
|
1228
|
-
}], chart: [{
|
|
1229
|
-
type: ViewChild,
|
|
1230
|
-
args: [ChartComponent]
|
|
1231
|
-
}], propertyPane: [{
|
|
1232
|
-
type: ViewChild,
|
|
1233
|
-
args: [ChartWizardPropertyPaneChartTabComponent]
|
|
1234
|
-
}], dataTab: [{
|
|
1235
|
-
type: ViewChild,
|
|
1236
|
-
args: [ChartWizardPropertyPaneDataTabComponent]
|
|
1237
|
-
}] } });
|