@progress/kendo-angular-chart-wizard 21.1.1-develop.1 → 21.2.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/esm2022/chart-wizard.component.mjs +655 -636
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/property-pane/data-tab.component.mjs +149 -145
- package/esm2022/property-pane/form-field.component.mjs +123 -105
- package/esm2022/property-pane/format-tab.component.mjs +798 -792
- package/fesm2022/progress-kendo-angular-chart-wizard.mjs +1727 -1677
- package/package.json +17 -17
- package/schematics/ngAdd/index.js +4 -0
|
@@ -23,7 +23,6 @@ import { ValueAxisItemComponent } from '@progress/kendo-angular-charts';
|
|
|
23
23
|
import { ValueAxisComponent } from '@progress/kendo-angular-charts';
|
|
24
24
|
import { CategoryAxisItemComponent } from '@progress/kendo-angular-charts';
|
|
25
25
|
import { CategoryAxisComponent } from '@progress/kendo-angular-charts';
|
|
26
|
-
import { NgIf, NgFor } from '@angular/common';
|
|
27
26
|
import { ChartAreaComponent } from '@progress/kendo-angular-charts';
|
|
28
27
|
import { SubtitleComponent } from '@progress/kendo-angular-charts';
|
|
29
28
|
import { TitleComponent } from '@progress/kendo-angular-charts';
|
|
@@ -219,7 +218,7 @@ export class ChartWizardComponent {
|
|
|
219
218
|
return isPresent(this.windowSettings?.height) ? this.windowSettings.height : this.stateService.windowSize.height;
|
|
220
219
|
}
|
|
221
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 });
|
|
222
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
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: [
|
|
223
222
|
LocalizationService,
|
|
224
223
|
{
|
|
225
224
|
provide: L10N_PREFIX,
|
|
@@ -233,373 +232,376 @@ export class ChartWizardComponent {
|
|
|
233
232
|
StateService
|
|
234
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: `
|
|
235
234
|
<ng-container
|
|
236
|
-
|
|
235
|
+
kendoChartWizardLocalizedMessages
|
|
237
236
|
|
|
238
|
-
|
|
239
|
-
|
|
237
|
+
i18n-windowTitle="kendo.chartwizard.windowTitle|The title of the window."
|
|
238
|
+
[windowTitle]="messages.windowTitle"
|
|
240
239
|
|
|
241
|
-
|
|
242
|
-
|
|
240
|
+
i18n-exportButton="kendo.chartwizard.exportButton|The text of the Export DropDownButton."
|
|
241
|
+
[exportButton]="messages.exportButton"
|
|
243
242
|
|
|
244
|
-
|
|
245
|
-
|
|
243
|
+
i18n-exportPDFButton="kendo.chartwizard.exportPDFButton|The text of the Export DropDownButton option that represents PDF."
|
|
244
|
+
[exportPDFButton]="messages.exportPDFButton"
|
|
246
245
|
|
|
247
|
-
|
|
248
|
-
|
|
246
|
+
i18n-exportSVGButton="kendo.chartwizard.exportSVGButton|The text of the Export DropDownButton option that represents SVG."
|
|
247
|
+
[exportSVGButton]="messages.exportSVGButton"
|
|
249
248
|
|
|
250
|
-
|
|
251
|
-
|
|
249
|
+
i18n-exportPNGButton="kendo.chartwizard.exportPNGButton|The text of the Export DropDownButton option that represents PNG."
|
|
250
|
+
[exportPNGButton]="messages.exportPNGButton"
|
|
252
251
|
|
|
253
|
-
|
|
254
|
-
|
|
252
|
+
i18n-tabChart="kendo.chartwizard.tabChart|The text of the Chart tab of the property pane."
|
|
253
|
+
[tabChart]="messages.tabChart"
|
|
255
254
|
|
|
256
|
-
|
|
257
|
-
|
|
255
|
+
i18n-tabData="kendo.chartwizard.tabData|The text of the Data tab of the property pane."
|
|
256
|
+
[tabData]="messages.tabData"
|
|
258
257
|
|
|
259
|
-
|
|
260
|
-
|
|
258
|
+
i18n-tabFormat="kendo.chartwizard.tabFormat|The text of the Format tab of the property pane."
|
|
259
|
+
[tabFormat]="messages.tabFormat"
|
|
261
260
|
|
|
262
|
-
|
|
263
|
-
|
|
261
|
+
i18n-barChart="kendo.chartwizard.barChart|The text of the Chart panel that represents Bar Charts."
|
|
262
|
+
[barChart]="messages.barChart"
|
|
264
263
|
|
|
265
|
-
|
|
266
|
-
|
|
264
|
+
i18n-barChartBar="kendo.chartwizard.barChartBar|The text of the Bar Chart type."
|
|
265
|
+
[barChartBar]="messages.barChartBar"
|
|
267
266
|
|
|
268
|
-
|
|
269
|
-
|
|
267
|
+
i18n-barChartStackedBar="kendo.chartwizard.barChartStackedBar|The text of the Stacked Bar Chart type."
|
|
268
|
+
[barChartStackedBar]="messages.barChartStackedBar"
|
|
270
269
|
|
|
271
|
-
|
|
272
|
-
|
|
270
|
+
i18n-barChart100StackedBar="kendo.chartwizard.barChart100StackedBar|The text of the 100% Stacked Bar Chart type."
|
|
271
|
+
[barChart100StackedBar]="messages.barChart100StackedBar"
|
|
273
272
|
|
|
274
|
-
|
|
275
|
-
|
|
273
|
+
i18n-pieChart="kendo.chartwizard.pieChart|The text of the Chart panel that represents Pie Charts."
|
|
274
|
+
[pieChart]="messages.pieChart"
|
|
276
275
|
|
|
277
|
-
|
|
278
|
-
|
|
276
|
+
i18n-pieChartPie="kendo.chartwizard.pieChartPie|The text of the Pie Chart type."
|
|
277
|
+
[pieChartPie]="messages.pieChartPie"
|
|
279
278
|
|
|
280
|
-
|
|
281
|
-
|
|
279
|
+
i18n-columnChart="kendo.chartwizard.columnChart|The text of the Chart panel that represents Column Charts."
|
|
280
|
+
[columnChart]="messages.columnChart"
|
|
282
281
|
|
|
283
|
-
|
|
284
|
-
|
|
282
|
+
i18n-columnChartColumn="kendo.chartwizard.columnChartColumn|The text of the Column Chart type."
|
|
283
|
+
[columnChartColumn]="messages.columnChartColumn"
|
|
285
284
|
|
|
286
|
-
|
|
287
|
-
|
|
285
|
+
i18n-columnChartStackedColumn="kendo.chartwizard.columnChartStackedColumn|The text of the Stacked Column Chart type."
|
|
286
|
+
[columnChartStackedColumn]="messages.columnChartStackedColumn"
|
|
288
287
|
|
|
289
|
-
|
|
290
|
-
|
|
288
|
+
i18n-columnChart100StackedColumn="kendo.chartwizard.columnChart100StackedColumn|The text of the 100% Stacked Column Chart type."
|
|
289
|
+
[columnChart100StackedColumn]="messages.columnChart100StackedColumn"
|
|
291
290
|
|
|
292
|
-
|
|
293
|
-
|
|
291
|
+
i18n-lineChart="kendo.chartwizard.lineChart|The text of the Chart panel that represents Line Charts."
|
|
292
|
+
[lineChart]="messages.lineChart"
|
|
294
293
|
|
|
295
|
-
|
|
296
|
-
|
|
294
|
+
i18n-lineChartLine="kendo.chartwizard.lineChartLine|The text of the Line Chart type."
|
|
295
|
+
[lineChartLine]="messages.lineChartLine"
|
|
297
296
|
|
|
298
|
-
|
|
299
|
-
|
|
297
|
+
i18n-lineChartStackedLine="kendo.chartwizard.lineChartStackedLine|The text of the Stacked Line Chart type."
|
|
298
|
+
[lineChartStackedLine]="messages.lineChartStackedLine"
|
|
300
299
|
|
|
301
|
-
|
|
302
|
-
|
|
300
|
+
i18n-lineChart100StackedLine="kendo.chartwizard.lineChart100StackedLine|The text of the 100% Stacked Line Chart type."
|
|
301
|
+
[lineChart100StackedLine]="messages.lineChart100StackedLine"
|
|
303
302
|
|
|
304
|
-
|
|
305
|
-
|
|
303
|
+
i18n-scatterChart="kendo.chartwizard.scatterChart|The text of the Chart panel that represents Scatter Charts."
|
|
304
|
+
[scatterChart]="messages.scatterChart"
|
|
306
305
|
|
|
307
|
-
|
|
308
|
-
|
|
306
|
+
i18n-scatterChartScatter="kendo.chartwizard.scatterChartScatter|The text of the Scatter Chart type."
|
|
307
|
+
[scatterChartScatter]="messages.scatterChartScatter"
|
|
309
308
|
|
|
310
|
-
|
|
311
|
-
|
|
309
|
+
i18n-configuration="kendo.chartwizard.configuration|The text of the Configuration panel of the Data tab."
|
|
310
|
+
[configuration]="messages.configuration"
|
|
312
311
|
|
|
313
|
-
|
|
314
|
-
|
|
312
|
+
i18n-configurationCategoryAxis="kendo.chartwizard.configurationCategoryAxis|The caption of the Category Axis DropDown in the Configuration panel."
|
|
313
|
+
[configurationCategoryAxis]="messages.configurationCategoryAxis"
|
|
315
314
|
|
|
316
|
-
|
|
317
|
-
|
|
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"
|
|
318
317
|
|
|
319
|
-
|
|
320
|
-
|
|
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"
|
|
321
320
|
|
|
322
|
-
|
|
323
|
-
|
|
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"
|
|
324
323
|
|
|
325
|
-
|
|
326
|
-
|
|
324
|
+
i18n-configurationSeriesAdd="kendo.chartwizard.configurationSeriesAdd|The text of the Add Series button in the Grid of the Configuration panel."
|
|
325
|
+
[configurationSeriesAdd]="messages.configurationSeriesAdd"
|
|
327
326
|
|
|
328
|
-
|
|
329
|
-
|
|
327
|
+
i18n-formatChartArea="kendo.chartwizard.formatChartArea|The text of the Chart Area panel of the Format tab."
|
|
328
|
+
[formatChartArea]="messages.formatChartArea"
|
|
330
329
|
|
|
331
|
-
|
|
332
|
-
|
|
330
|
+
i18n-formatChartAreaMargins="kendo.chartwizard.formatChartAreaMargins|The text of the Margins settings of the Chart Area panel."
|
|
331
|
+
[formatChartAreaMargins]="messages.formatChartAreaMargins"
|
|
333
332
|
|
|
334
|
-
|
|
335
|
-
|
|
333
|
+
i18n-formatChartAreaMarginsAuto="kendo.chartwizard.formatChartAreaMarginsAuto|The placeholder of the Margins settings of the Chart Area panel."
|
|
334
|
+
[formatChartAreaMarginsAuto]="messages.formatChartAreaMarginsAuto"
|
|
336
335
|
|
|
337
|
-
|
|
338
|
-
|
|
336
|
+
i18n-formatChartAreaMarginsLeft="kendo.chartwizard.formatChartAreaMarginsLeft|The label of the Left margin setting of the Chart Area panel."
|
|
337
|
+
[formatChartAreaMarginsLeft]="messages.formatChartAreaMarginsLeft"
|
|
339
338
|
|
|
340
|
-
|
|
341
|
-
|
|
339
|
+
i18n-formatChartAreaMarginsRight="kendo.chartwizard.formatChartAreaMarginsRight|The label of the Right margin setting of the Chart Area panel."
|
|
340
|
+
[formatChartAreaMarginsRight]="messages.formatChartAreaMarginsRight"
|
|
342
341
|
|
|
343
|
-
|
|
344
|
-
|
|
342
|
+
i18n-formatChartAreaMarginsTop="kendo.chartwizard.formatChartAreaMarginsTop|The label of the Top margin setting of the Chart Area panel."
|
|
343
|
+
[formatChartAreaMarginsTop]="messages.formatChartAreaMarginsTop"
|
|
345
344
|
|
|
346
|
-
|
|
347
|
-
|
|
345
|
+
i18n-formatChartAreaMarginsBottom="kendo.chartwizard.formatChartAreaMarginsBottom|The label of the Bottom margin setting of the Chart Area panel."
|
|
346
|
+
[formatChartAreaMarginsBottom]="messages.formatChartAreaMarginsBottom"
|
|
348
347
|
|
|
349
|
-
|
|
350
|
-
|
|
348
|
+
i18n-formatChartAreaBackground="kendo.chartwizard.formatChartAreaBackground|The text of the Background settings of the Chart Area panel."
|
|
349
|
+
[formatChartAreaBackground]="messages.formatChartAreaBackground"
|
|
351
350
|
|
|
352
|
-
|
|
353
|
-
|
|
351
|
+
i18n-formatChartAreaBackgroundColor="kendo.chartwizard.formatChartAreaBackgroundColor|The label of the Color background setting of the Chart Area panel."
|
|
352
|
+
[formatChartAreaBackgroundColor]="messages.formatChartAreaBackgroundColor"
|
|
354
353
|
|
|
355
|
-
|
|
356
|
-
|
|
354
|
+
i18n-formatTitle="kendo.chartwizard.formatTitle|The text of the Title panel of the Format tab."
|
|
355
|
+
[formatTitle]="messages.formatTitle"
|
|
357
356
|
|
|
358
|
-
|
|
359
|
-
|
|
357
|
+
i18n-formatTitleApplyTo="kendo.chartwizard.formatTitleApplyTo|The label of the Apply to DropDown of the Title panel."
|
|
358
|
+
[formatTitleApplyTo]="messages.formatTitleApplyTo"
|
|
360
359
|
|
|
361
|
-
|
|
362
|
-
|
|
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"
|
|
363
362
|
|
|
364
|
-
|
|
365
|
-
|
|
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"
|
|
366
365
|
|
|
367
|
-
|
|
368
|
-
|
|
366
|
+
i18n-formatTitleLabel="kendo.chartwizard.formatTitleLabel|The label of the Title input of the Title panel."
|
|
367
|
+
[formatTitleLabel]="messages.formatTitleLabel"
|
|
369
368
|
|
|
370
|
-
|
|
371
|
-
|
|
369
|
+
i18n-formatTitleFont="kendo.chartwizard.formatTitleFont|The label of the Font setting of the Title panel."
|
|
370
|
+
[formatTitleFont]="messages.formatTitleFont"
|
|
372
371
|
|
|
373
|
-
|
|
374
|
-
|
|
372
|
+
i18n-formatTitleFontPlaceholder="kendo.chartwizard.formatTitleFontPlaceholder|The placeholder of the Font setting of the Title panel."
|
|
373
|
+
[formatTitleFontPlaceholder]="messages.formatTitleFontPlaceholder"
|
|
375
374
|
|
|
376
|
-
|
|
377
|
-
|
|
375
|
+
i18n-formatTitleSize="kendo.chartwizard.formatTitleSize|The label of the Size setting of the Title panel."
|
|
376
|
+
[formatTitleSize]="messages.formatTitleSize"
|
|
378
377
|
|
|
379
|
-
|
|
380
|
-
|
|
378
|
+
i18n-formatTitleSizePlaceholder="kendo.chartwizard.formatTitleSizePlaceholder|The placeholder of the Size setting of the Title panel."
|
|
379
|
+
[formatTitleSizePlaceholder]="messages.formatTitleSizePlaceholder"
|
|
381
380
|
|
|
382
|
-
|
|
383
|
-
|
|
381
|
+
i18n-formatTitleColor="kendo.chartwizard.formatTitleColor|The label of the Color setting of the Title panel."
|
|
382
|
+
[formatTitleColor]="messages.formatTitleColor"
|
|
384
383
|
|
|
385
|
-
|
|
386
|
-
|
|
384
|
+
i18n-formatSeries="kendo.chartwizard.formatSeries|The text of the Series panel of the Format tab."
|
|
385
|
+
[formatSeries]="messages.formatSeries"
|
|
387
386
|
|
|
388
|
-
|
|
389
|
-
|
|
387
|
+
i18n-formatSeriesApplyTo="kendo.chartwizard.formatSeriesApplyTo|The label of the Apply to DropDown of the Series panel."
|
|
388
|
+
[formatSeriesApplyTo]="messages.formatSeriesApplyTo"
|
|
390
389
|
|
|
391
|
-
|
|
392
|
-
|
|
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"
|
|
393
392
|
|
|
394
|
-
|
|
395
|
-
|
|
393
|
+
i18n-formatSeriesColor="kendo.chartwizard.formatSeriesColor|The label of the Color setting of the Series panel."
|
|
394
|
+
[formatSeriesColor]="messages.formatSeriesColor"
|
|
396
395
|
|
|
397
|
-
|
|
398
|
-
|
|
396
|
+
i18n-formatSeriesShowLabels="kendo.chartwizard.formatSeriesShowLabels|The label of the Show Labels checkbox of the Series panel."
|
|
397
|
+
[formatSeriesShowLabels]="messages.formatSeriesShowLabels"
|
|
399
398
|
|
|
400
|
-
|
|
401
|
-
|
|
399
|
+
i18n-formatLegend="kendo.chartwizard.formatLegend|The text of the Legend panel of the Format tab."
|
|
400
|
+
[formatLegend]="messages.formatLegend"
|
|
402
401
|
|
|
403
|
-
|
|
404
|
-
|
|
402
|
+
i18n-formatLegendShowLegend="kendo.chartwizard.formatLegendShowLegend|The label of the Show Legend switch of the Legend panel."
|
|
403
|
+
[formatLegendShowLegend]="messages.formatLegendShowLegend"
|
|
405
404
|
|
|
406
|
-
|
|
407
|
-
|
|
405
|
+
i18n-formatLegendFont="kendo.chartwizard.formatLegendFont|The label of the Font setting of the Legend panel."
|
|
406
|
+
[formatLegendFont]="messages.formatLegendFont"
|
|
408
407
|
|
|
409
|
-
|
|
410
|
-
|
|
408
|
+
i18n-formatLegendFontPlaceholder="kendo.chartwizard.formatLegendFontPlaceholder|The placeholder of the Font setting of the Legend panel."
|
|
409
|
+
[formatLegendFontPlaceholder]="messages.formatLegendFontPlaceholder"
|
|
411
410
|
|
|
412
|
-
|
|
413
|
-
|
|
411
|
+
i18n-formatLegendSize="kendo.chartwizard.formatLegendSize|The label of the Size setting of the Legend panel."
|
|
412
|
+
[formatLegendSize]="messages.formatLegendSize"
|
|
414
413
|
|
|
415
|
-
|
|
416
|
-
|
|
414
|
+
i18n-formatLegendSizePlaceholder="kendo.chartwizard.formatLegendSizePlaceholder|The placeholder of the Size setting of the Legend panel."
|
|
415
|
+
[formatLegendSizePlaceholder]="messages.formatLegendSizePlaceholder"
|
|
417
416
|
|
|
418
|
-
|
|
419
|
-
|
|
417
|
+
i18n-formatLegendColor="kendo.chartwizard.formatLegendColor|The label of the Color setting of the Legend panel."
|
|
418
|
+
[formatLegendColor]="messages.formatLegendColor"
|
|
420
419
|
|
|
421
|
-
|
|
422
|
-
|
|
420
|
+
i18n-formatLegendPosition="kendo.chartwizard.formatLegendPosition|The label of the Posiiton DropDown of the Legend panel."
|
|
421
|
+
[formatLegendPosition]="messages.formatLegendPosition"
|
|
423
422
|
|
|
424
|
-
|
|
425
|
-
|
|
423
|
+
i18n-formatLegendPositionTop="kendo.chartwizard.formatLegendPositionTop|The text of the Top option of the Position DropDown of the Legend panel."
|
|
424
|
+
[formatLegendPositionTop]="messages.formatLegendPositionTop"
|
|
426
425
|
|
|
427
|
-
|
|
428
|
-
|
|
426
|
+
i18n-formatLegendPositionBottom="kendo.chartwizard.formatLegendPositionBottom|The text of the Bottom option of the Position DropDown of the Legend panel."
|
|
427
|
+
[formatLegendPositionBottom]="messages.formatLegendPositionBottom"
|
|
429
428
|
|
|
430
|
-
|
|
431
|
-
|
|
429
|
+
i18n-formatLegendPositionLeft="kendo.chartwizard.formatLegendPositionLeft|The text of the Left option of the Position DropDown of the Legend panel."
|
|
430
|
+
[formatLegendPositionLeft]="messages.formatLegendPositionLeft"
|
|
432
431
|
|
|
433
|
-
|
|
434
|
-
|
|
432
|
+
i18n-formatLegendPositionRight="kendo.chartwizard.formatLegendPositionRight|The text of the Right option of the Position DropDown of the Legend panel."
|
|
433
|
+
[formatLegendPositionRight]="messages.formatLegendPositionRight"
|
|
435
434
|
|
|
436
|
-
|
|
437
|
-
|
|
435
|
+
i18n-formatCategoryAxis="kendo.chartwizard.formatCategoryAxis|The text of the Category Axis panel of the Format tab."
|
|
436
|
+
[formatCategoryAxis]="messages.formatCategoryAxis"
|
|
438
437
|
|
|
439
|
-
|
|
440
|
-
|
|
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"
|
|
441
440
|
|
|
442
|
-
|
|
443
|
-
|
|
441
|
+
i18n-formatCategoryAxisTitle="kendo.chartwizard.formatCategoryAxisTitle|The label of the Title settings of the Category Axis panel."
|
|
442
|
+
[formatCategoryAxisTitle]="messages.formatCategoryAxisTitle"
|
|
444
443
|
|
|
445
|
-
|
|
446
|
-
|
|
444
|
+
i18n-formatCategoryAxisTitlePlaceholder="kendo.chartwizard.formatCategoryAxisTitlePlaceholder|The placeholder of the Title input of the Category Axis panel."
|
|
445
|
+
[formatCategoryAxisTitlePlaceholder]="messages.formatCategoryAxisTitlePlaceholder"
|
|
447
446
|
|
|
448
|
-
|
|
449
|
-
|
|
447
|
+
i18n-formatCategoryAxisTitleFont="kendo.chartwizard.formatCategoryAxisTitleFont|The label of the Font settings of the Title in the Category Axis panel."
|
|
448
|
+
[formatCategoryAxisTitleFont]="messages.formatCategoryAxisTitleFont"
|
|
450
449
|
|
|
451
|
-
|
|
452
|
-
|
|
450
|
+
i18n-formatCategoryAxisTitleFontPlaceholder="kendo.chartwizard.formatCategoryAxisTitleFontPlaceholder|The placeholder of the Font settings of the Title in the Category Axis panel."
|
|
451
|
+
[formatCategoryAxisTitleFontPlaceholder]="messages.formatCategoryAxisTitleFontPlaceholder"
|
|
453
452
|
|
|
454
|
-
|
|
455
|
-
|
|
453
|
+
i18n-formatCategoryAxisTitleSize="kendo.chartwizard.formatCategoryAxisTitleSize|The label of the Size settings of the Title in the Category Axis panel."
|
|
454
|
+
[formatCategoryAxisTitleSize]="messages.formatCategoryAxisTitleSize"
|
|
456
455
|
|
|
457
|
-
|
|
458
|
-
|
|
456
|
+
i18n-formatCategoryAxisTitleSizePlaceholder="kendo.chartwizard.formatCategoryAxisTitleSizePlaceholder|The placeholder of the Size settings of the Title in the Category Axis panel."
|
|
457
|
+
[formatCategoryAxisTitleSizePlaceholder]="messages.formatCategoryAxisTitleSizePlaceholder"
|
|
459
458
|
|
|
460
|
-
|
|
461
|
-
|
|
459
|
+
i18n-formatCategoryAxisTitleColor="kendo.chartwizard.formatCategoryAxisTitleColor|The label of the Color settings of the Title in the Category Axis panel."
|
|
460
|
+
[formatCategoryAxisTitleColor]="messages.formatCategoryAxisTitleColor"
|
|
462
461
|
|
|
463
|
-
|
|
464
|
-
|
|
462
|
+
i18n-formatCategoryAxisLabels="kendo.chartwizard.formatCategoryAxisLabels|The label of the Labels settings of the Category Axis panel."
|
|
463
|
+
[formatCategoryAxisLabels]="messages.formatCategoryAxisLabels"
|
|
465
464
|
|
|
466
|
-
|
|
467
|
-
|
|
465
|
+
i18n-formatCategoryAxisLabelsFont="kendo.chartwizard.formatCategoryAxisLabelsFont|The label of the Font settings of the Labels in the Category Axis panel."
|
|
466
|
+
[formatCategoryAxisLabelsFont]="messages.formatCategoryAxisLabelsFont"
|
|
468
467
|
|
|
469
|
-
|
|
470
|
-
|
|
468
|
+
i18n-formatCategoryAxisLabelsFontPlaceholder="kendo.chartwizard.formatCategoryAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Category Axis panel."
|
|
469
|
+
[formatCategoryAxisLabelsFontPlaceholder]="messages.formatCategoryAxisLabelsFontPlaceholder"
|
|
471
470
|
|
|
472
|
-
|
|
473
|
-
|
|
471
|
+
i18n-formatCategoryAxisLabelsSize="kendo.chartwizard.formatCategoryAxisLabelsSize|The label of the Size settings of the Labels in the Category Axis panel."
|
|
472
|
+
[formatCategoryAxisLabelsSize]="messages.formatCategoryAxisLabelsSize"
|
|
474
473
|
|
|
475
|
-
|
|
476
|
-
|
|
474
|
+
i18n-formatCategoryAxisLabelsSizePlaceholder="kendo.chartwizard.formatCategoryAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Category Axis panel."
|
|
475
|
+
[formatCategoryAxisLabelsSizePlaceholder]="messages.formatCategoryAxisLabelsSizePlaceholder"
|
|
477
476
|
|
|
478
|
-
|
|
479
|
-
|
|
477
|
+
i18n-formatCategoryAxisLabelsColor="kendo.chartwizard.formatCategoryAxisLabelsColor|The label of the Color settings of the Labels in the Category Axis panel."
|
|
478
|
+
[formatCategoryAxisLabelsColor]="messages.formatCategoryAxisLabelsColor"
|
|
480
479
|
|
|
481
|
-
|
|
482
|
-
|
|
480
|
+
i18n-formatCategoryAxisLabelsRotation="kendo.chartwizard.formatCategoryAxisLabelsRotation|The label of the Rotation settings of the Labels in the Category Axis panel."
|
|
481
|
+
[formatCategoryAxisLabelsRotation]="messages.formatCategoryAxisLabelsRotation"
|
|
483
482
|
|
|
484
|
-
|
|
485
|
-
|
|
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"
|
|
486
485
|
|
|
487
|
-
|
|
488
|
-
|
|
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"
|
|
489
488
|
|
|
490
|
-
|
|
491
|
-
|
|
489
|
+
i18n-formatValueAxis="kendo.chartwizard.formatValueAxis|The text of the Value Axis panel of the Format tab."
|
|
490
|
+
[formatValueAxis]="messages.formatValueAxis"
|
|
492
491
|
|
|
493
|
-
|
|
494
|
-
|
|
492
|
+
i18n-formatYAxis="kendo.chartwizard.formatYAxis|The text of the Y Axis panel of the Format tab."
|
|
493
|
+
[formatYAxis]="messages.formatYAxis"
|
|
495
494
|
|
|
496
|
-
|
|
497
|
-
|
|
495
|
+
i18n-formatValueAxisTitle="kendo.chartwizard.formatValueAxisTitle|The label of the Title settings of the Value Axis panel."
|
|
496
|
+
[formatValueAxisTitle]="messages.formatValueAxisTitle"
|
|
498
497
|
|
|
499
|
-
|
|
500
|
-
|
|
498
|
+
i18n-formatValueAxisTitlePlaceholder="kendo.chartwizard.formatValueAxisTitlePlaceholder|The placeholder of the Title settings of the Value Axis panel."
|
|
499
|
+
[formatValueAxisTitlePlaceholder]="messages.formatValueAxisTitlePlaceholder"
|
|
501
500
|
|
|
502
|
-
|
|
503
|
-
|
|
501
|
+
i18n-formatValueAxisTitleFont="kendo.chartwizard.formatValueAxisTitleFont|The label of the Font settings of the Value Axis panel."
|
|
502
|
+
[formatValueAxisTitleFont]="messages.formatValueAxisTitleFont"
|
|
504
503
|
|
|
505
|
-
|
|
506
|
-
|
|
504
|
+
i18n-formatValueAxisTitleFontPlaceholder="kendo.chartwizard.formatValueAxisTitleFontPlaceholder|The placeholder of the Font settings of the Value Axis panel."
|
|
505
|
+
[formatYAxis]="messages.formatValueAxisTitleFontPlaceholder"
|
|
507
506
|
|
|
508
|
-
|
|
509
|
-
|
|
507
|
+
i18n-formatValueAxisTitleSize="kendo.chartwizard.formatValueAxisTitleSize|The label of the Size settings of the Value Axis panel."
|
|
508
|
+
[formatValueAxisTitleSize]="messages.formatValueAxisTitleSize"
|
|
510
509
|
|
|
511
|
-
|
|
512
|
-
|
|
510
|
+
i18n-formatValueAxisTitleSizePlaceholder="kendo.chartwizard.formatValueAxisTitleSizePlaceholder|The placeholder of the Size settings of the Value Axis panel."
|
|
511
|
+
[formatValueAxisTitleSizePlaceholder]="messages.formatValueAxisTitleSizePlaceholder"
|
|
513
512
|
|
|
514
|
-
|
|
515
|
-
|
|
513
|
+
i18n-formatValueAxisTitleColor="kendo.chartwizard.formatValueAxisTitleColor|The label of the Color settings of the Value Axis panel."
|
|
514
|
+
[formatValueAxisTitleColor]="messages.formatValueAxisTitleColor"
|
|
516
515
|
|
|
517
|
-
|
|
518
|
-
|
|
516
|
+
i18n-formatValueAxisLabels="kendo.chartwizard.formatValueAxisLabels|The label of the Labels settings of the Value Axis panel."
|
|
517
|
+
[formatValueAxisLabels]="messages.formatValueAxisLabels"
|
|
519
518
|
|
|
520
|
-
|
|
521
|
-
|
|
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"
|
|
522
521
|
|
|
523
|
-
|
|
524
|
-
|
|
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"
|
|
525
524
|
|
|
526
|
-
|
|
527
|
-
|
|
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"
|
|
528
527
|
|
|
529
|
-
|
|
530
|
-
|
|
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"
|
|
531
530
|
|
|
532
|
-
|
|
533
|
-
|
|
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"
|
|
534
533
|
|
|
535
|
-
|
|
536
|
-
|
|
534
|
+
i18n-formatValueAxisLabelsFont="kendo.chartwizard.formatValueAxisLabelsFont|The label of the Font settings of the Labels in the Value Axis panel."
|
|
535
|
+
[formatValueAxisLabelsFont]="messages.formatValueAxisLabelsFont"
|
|
537
536
|
|
|
538
|
-
|
|
539
|
-
|
|
537
|
+
i18n-formatValueAxisLabelsFontPlaceholder="kendo.chartwizard.formatValueAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Value Axis panel."
|
|
538
|
+
[formatValueAxisLabelsFontPlaceholder]="messages.formatValueAxisLabelsFontPlaceholder"
|
|
540
539
|
|
|
541
|
-
|
|
542
|
-
|
|
540
|
+
i18n-formatValueAxisLabelsSize="kendo.chartwizard.formatValueAxisLabelsSize|The label of the Size settings of the Labels in the Value Axis panel."
|
|
541
|
+
[formatValueAxisLabelsSize]="messages.formatValueAxisLabelsSize"
|
|
543
542
|
|
|
544
|
-
|
|
545
|
-
|
|
543
|
+
i18n-formatValueAxisLabelsSizePlaceholder="kendo.chartwizard.formatValueAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Value Axis panel."
|
|
544
|
+
[formatValueAxisLabelsSizePlaceholder]="messages.formatValueAxisLabelsSizePlaceholder"
|
|
546
545
|
|
|
547
|
-
|
|
548
|
-
|
|
546
|
+
i18n-formatValueAxisLabelsColor="kendo.chartwizard.formatValueAxisLabelsColor|The label of the Color settings of the Labels in the Value Axis panel."
|
|
547
|
+
[formatValueAxisLabelsColor]="messages.formatValueAxisLabelsColor"
|
|
549
548
|
|
|
550
|
-
|
|
551
|
-
|
|
549
|
+
i18n-formatValueAxisLabelsRotation="kendo.chartwizard.formatValueAxisLabelsRotation|The label of the Rotation settings of the Labels in the Value Axis panel."
|
|
550
|
+
[formatValueAxisLabelsRotation]="messages.formatValueAxisLabelsRotation"
|
|
552
551
|
|
|
553
|
-
|
|
554
|
-
|
|
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"
|
|
555
554
|
|
|
556
555
|
></ng-container>
|
|
557
|
-
|
|
556
|
+
@if (windowSettings?.modal) {
|
|
557
|
+
<div @overlayAppear class="k-overlay"> </div>
|
|
558
|
+
}
|
|
558
559
|
<kendo-window
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
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"
|
|
603
605
|
[title]="{
|
|
604
606
|
text: axis.title?.text,
|
|
605
607
|
font: axis.title?.font,
|
|
@@ -610,12 +612,14 @@ export class ChartWizardComponent {
|
|
|
610
612
|
font: axis.labels?.font,
|
|
611
613
|
color: axis.labels?.color
|
|
612
614
|
}"
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
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
|
|
619
623
|
[title]="{
|
|
620
624
|
text: axis.title?.text,
|
|
621
625
|
font: axis.title?.font,
|
|
@@ -627,59 +631,65 @@ export class ChartWizardComponent {
|
|
|
627
631
|
color: axis.labels?.color,
|
|
628
632
|
format: axis.labels?.format
|
|
629
633
|
}"
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
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
|
+
}
|
|
681
691
|
</kendo-window>
|
|
682
|
-
|
|
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: [
|
|
683
693
|
trigger('overlayAppear', [
|
|
684
694
|
state('in', style({ opacity: 1 })),
|
|
685
695
|
transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
|
|
@@ -713,373 +723,376 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
713
723
|
selector: 'kendo-chartwizard',
|
|
714
724
|
template: `
|
|
715
725
|
<ng-container
|
|
716
|
-
|
|
726
|
+
kendoChartWizardLocalizedMessages
|
|
717
727
|
|
|
718
|
-
|
|
719
|
-
|
|
728
|
+
i18n-windowTitle="kendo.chartwizard.windowTitle|The title of the window."
|
|
729
|
+
[windowTitle]="messages.windowTitle"
|
|
720
730
|
|
|
721
|
-
|
|
722
|
-
|
|
731
|
+
i18n-exportButton="kendo.chartwizard.exportButton|The text of the Export DropDownButton."
|
|
732
|
+
[exportButton]="messages.exportButton"
|
|
723
733
|
|
|
724
|
-
|
|
725
|
-
|
|
734
|
+
i18n-exportPDFButton="kendo.chartwizard.exportPDFButton|The text of the Export DropDownButton option that represents PDF."
|
|
735
|
+
[exportPDFButton]="messages.exportPDFButton"
|
|
726
736
|
|
|
727
|
-
|
|
728
|
-
|
|
737
|
+
i18n-exportSVGButton="kendo.chartwizard.exportSVGButton|The text of the Export DropDownButton option that represents SVG."
|
|
738
|
+
[exportSVGButton]="messages.exportSVGButton"
|
|
729
739
|
|
|
730
|
-
|
|
731
|
-
|
|
740
|
+
i18n-exportPNGButton="kendo.chartwizard.exportPNGButton|The text of the Export DropDownButton option that represents PNG."
|
|
741
|
+
[exportPNGButton]="messages.exportPNGButton"
|
|
732
742
|
|
|
733
|
-
|
|
734
|
-
|
|
743
|
+
i18n-tabChart="kendo.chartwizard.tabChart|The text of the Chart tab of the property pane."
|
|
744
|
+
[tabChart]="messages.tabChart"
|
|
735
745
|
|
|
736
|
-
|
|
737
|
-
|
|
746
|
+
i18n-tabData="kendo.chartwizard.tabData|The text of the Data tab of the property pane."
|
|
747
|
+
[tabData]="messages.tabData"
|
|
738
748
|
|
|
739
|
-
|
|
740
|
-
|
|
749
|
+
i18n-tabFormat="kendo.chartwizard.tabFormat|The text of the Format tab of the property pane."
|
|
750
|
+
[tabFormat]="messages.tabFormat"
|
|
741
751
|
|
|
742
|
-
|
|
743
|
-
|
|
752
|
+
i18n-barChart="kendo.chartwizard.barChart|The text of the Chart panel that represents Bar Charts."
|
|
753
|
+
[barChart]="messages.barChart"
|
|
744
754
|
|
|
745
|
-
|
|
746
|
-
|
|
755
|
+
i18n-barChartBar="kendo.chartwizard.barChartBar|The text of the Bar Chart type."
|
|
756
|
+
[barChartBar]="messages.barChartBar"
|
|
747
757
|
|
|
748
|
-
|
|
749
|
-
|
|
758
|
+
i18n-barChartStackedBar="kendo.chartwizard.barChartStackedBar|The text of the Stacked Bar Chart type."
|
|
759
|
+
[barChartStackedBar]="messages.barChartStackedBar"
|
|
750
760
|
|
|
751
|
-
|
|
752
|
-
|
|
761
|
+
i18n-barChart100StackedBar="kendo.chartwizard.barChart100StackedBar|The text of the 100% Stacked Bar Chart type."
|
|
762
|
+
[barChart100StackedBar]="messages.barChart100StackedBar"
|
|
753
763
|
|
|
754
|
-
|
|
755
|
-
|
|
764
|
+
i18n-pieChart="kendo.chartwizard.pieChart|The text of the Chart panel that represents Pie Charts."
|
|
765
|
+
[pieChart]="messages.pieChart"
|
|
756
766
|
|
|
757
|
-
|
|
758
|
-
|
|
767
|
+
i18n-pieChartPie="kendo.chartwizard.pieChartPie|The text of the Pie Chart type."
|
|
768
|
+
[pieChartPie]="messages.pieChartPie"
|
|
759
769
|
|
|
760
|
-
|
|
761
|
-
|
|
770
|
+
i18n-columnChart="kendo.chartwizard.columnChart|The text of the Chart panel that represents Column Charts."
|
|
771
|
+
[columnChart]="messages.columnChart"
|
|
762
772
|
|
|
763
|
-
|
|
764
|
-
|
|
773
|
+
i18n-columnChartColumn="kendo.chartwizard.columnChartColumn|The text of the Column Chart type."
|
|
774
|
+
[columnChartColumn]="messages.columnChartColumn"
|
|
765
775
|
|
|
766
|
-
|
|
767
|
-
|
|
776
|
+
i18n-columnChartStackedColumn="kendo.chartwizard.columnChartStackedColumn|The text of the Stacked Column Chart type."
|
|
777
|
+
[columnChartStackedColumn]="messages.columnChartStackedColumn"
|
|
768
778
|
|
|
769
|
-
|
|
770
|
-
|
|
779
|
+
i18n-columnChart100StackedColumn="kendo.chartwizard.columnChart100StackedColumn|The text of the 100% Stacked Column Chart type."
|
|
780
|
+
[columnChart100StackedColumn]="messages.columnChart100StackedColumn"
|
|
771
781
|
|
|
772
|
-
|
|
773
|
-
|
|
782
|
+
i18n-lineChart="kendo.chartwizard.lineChart|The text of the Chart panel that represents Line Charts."
|
|
783
|
+
[lineChart]="messages.lineChart"
|
|
774
784
|
|
|
775
|
-
|
|
776
|
-
|
|
785
|
+
i18n-lineChartLine="kendo.chartwizard.lineChartLine|The text of the Line Chart type."
|
|
786
|
+
[lineChartLine]="messages.lineChartLine"
|
|
777
787
|
|
|
778
|
-
|
|
779
|
-
|
|
788
|
+
i18n-lineChartStackedLine="kendo.chartwizard.lineChartStackedLine|The text of the Stacked Line Chart type."
|
|
789
|
+
[lineChartStackedLine]="messages.lineChartStackedLine"
|
|
780
790
|
|
|
781
|
-
|
|
782
|
-
|
|
791
|
+
i18n-lineChart100StackedLine="kendo.chartwizard.lineChart100StackedLine|The text of the 100% Stacked Line Chart type."
|
|
792
|
+
[lineChart100StackedLine]="messages.lineChart100StackedLine"
|
|
783
793
|
|
|
784
|
-
|
|
785
|
-
|
|
794
|
+
i18n-scatterChart="kendo.chartwizard.scatterChart|The text of the Chart panel that represents Scatter Charts."
|
|
795
|
+
[scatterChart]="messages.scatterChart"
|
|
786
796
|
|
|
787
|
-
|
|
788
|
-
|
|
797
|
+
i18n-scatterChartScatter="kendo.chartwizard.scatterChartScatter|The text of the Scatter Chart type."
|
|
798
|
+
[scatterChartScatter]="messages.scatterChartScatter"
|
|
789
799
|
|
|
790
|
-
|
|
791
|
-
|
|
800
|
+
i18n-configuration="kendo.chartwizard.configuration|The text of the Configuration panel of the Data tab."
|
|
801
|
+
[configuration]="messages.configuration"
|
|
792
802
|
|
|
793
|
-
|
|
794
|
-
|
|
803
|
+
i18n-configurationCategoryAxis="kendo.chartwizard.configurationCategoryAxis|The caption of the Category Axis DropDown in the Configuration panel."
|
|
804
|
+
[configurationCategoryAxis]="messages.configurationCategoryAxis"
|
|
795
805
|
|
|
796
|
-
|
|
797
|
-
|
|
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"
|
|
798
808
|
|
|
799
|
-
|
|
800
|
-
|
|
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"
|
|
801
811
|
|
|
802
|
-
|
|
803
|
-
|
|
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"
|
|
804
814
|
|
|
805
|
-
|
|
806
|
-
|
|
815
|
+
i18n-configurationSeriesAdd="kendo.chartwizard.configurationSeriesAdd|The text of the Add Series button in the Grid of the Configuration panel."
|
|
816
|
+
[configurationSeriesAdd]="messages.configurationSeriesAdd"
|
|
807
817
|
|
|
808
|
-
|
|
809
|
-
|
|
818
|
+
i18n-formatChartArea="kendo.chartwizard.formatChartArea|The text of the Chart Area panel of the Format tab."
|
|
819
|
+
[formatChartArea]="messages.formatChartArea"
|
|
810
820
|
|
|
811
|
-
|
|
812
|
-
|
|
821
|
+
i18n-formatChartAreaMargins="kendo.chartwizard.formatChartAreaMargins|The text of the Margins settings of the Chart Area panel."
|
|
822
|
+
[formatChartAreaMargins]="messages.formatChartAreaMargins"
|
|
813
823
|
|
|
814
|
-
|
|
815
|
-
|
|
824
|
+
i18n-formatChartAreaMarginsAuto="kendo.chartwizard.formatChartAreaMarginsAuto|The placeholder of the Margins settings of the Chart Area panel."
|
|
825
|
+
[formatChartAreaMarginsAuto]="messages.formatChartAreaMarginsAuto"
|
|
816
826
|
|
|
817
|
-
|
|
818
|
-
|
|
827
|
+
i18n-formatChartAreaMarginsLeft="kendo.chartwizard.formatChartAreaMarginsLeft|The label of the Left margin setting of the Chart Area panel."
|
|
828
|
+
[formatChartAreaMarginsLeft]="messages.formatChartAreaMarginsLeft"
|
|
819
829
|
|
|
820
|
-
|
|
821
|
-
|
|
830
|
+
i18n-formatChartAreaMarginsRight="kendo.chartwizard.formatChartAreaMarginsRight|The label of the Right margin setting of the Chart Area panel."
|
|
831
|
+
[formatChartAreaMarginsRight]="messages.formatChartAreaMarginsRight"
|
|
822
832
|
|
|
823
|
-
|
|
824
|
-
|
|
833
|
+
i18n-formatChartAreaMarginsTop="kendo.chartwizard.formatChartAreaMarginsTop|The label of the Top margin setting of the Chart Area panel."
|
|
834
|
+
[formatChartAreaMarginsTop]="messages.formatChartAreaMarginsTop"
|
|
825
835
|
|
|
826
|
-
|
|
827
|
-
|
|
836
|
+
i18n-formatChartAreaMarginsBottom="kendo.chartwizard.formatChartAreaMarginsBottom|The label of the Bottom margin setting of the Chart Area panel."
|
|
837
|
+
[formatChartAreaMarginsBottom]="messages.formatChartAreaMarginsBottom"
|
|
828
838
|
|
|
829
|
-
|
|
830
|
-
|
|
839
|
+
i18n-formatChartAreaBackground="kendo.chartwizard.formatChartAreaBackground|The text of the Background settings of the Chart Area panel."
|
|
840
|
+
[formatChartAreaBackground]="messages.formatChartAreaBackground"
|
|
831
841
|
|
|
832
|
-
|
|
833
|
-
|
|
842
|
+
i18n-formatChartAreaBackgroundColor="kendo.chartwizard.formatChartAreaBackgroundColor|The label of the Color background setting of the Chart Area panel."
|
|
843
|
+
[formatChartAreaBackgroundColor]="messages.formatChartAreaBackgroundColor"
|
|
834
844
|
|
|
835
|
-
|
|
836
|
-
|
|
845
|
+
i18n-formatTitle="kendo.chartwizard.formatTitle|The text of the Title panel of the Format tab."
|
|
846
|
+
[formatTitle]="messages.formatTitle"
|
|
837
847
|
|
|
838
|
-
|
|
839
|
-
|
|
848
|
+
i18n-formatTitleApplyTo="kendo.chartwizard.formatTitleApplyTo|The label of the Apply to DropDown of the Title panel."
|
|
849
|
+
[formatTitleApplyTo]="messages.formatTitleApplyTo"
|
|
840
850
|
|
|
841
|
-
|
|
842
|
-
|
|
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"
|
|
843
853
|
|
|
844
|
-
|
|
845
|
-
|
|
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"
|
|
846
856
|
|
|
847
|
-
|
|
848
|
-
|
|
857
|
+
i18n-formatTitleLabel="kendo.chartwizard.formatTitleLabel|The label of the Title input of the Title panel."
|
|
858
|
+
[formatTitleLabel]="messages.formatTitleLabel"
|
|
849
859
|
|
|
850
|
-
|
|
851
|
-
|
|
860
|
+
i18n-formatTitleFont="kendo.chartwizard.formatTitleFont|The label of the Font setting of the Title panel."
|
|
861
|
+
[formatTitleFont]="messages.formatTitleFont"
|
|
852
862
|
|
|
853
|
-
|
|
854
|
-
|
|
863
|
+
i18n-formatTitleFontPlaceholder="kendo.chartwizard.formatTitleFontPlaceholder|The placeholder of the Font setting of the Title panel."
|
|
864
|
+
[formatTitleFontPlaceholder]="messages.formatTitleFontPlaceholder"
|
|
855
865
|
|
|
856
|
-
|
|
857
|
-
|
|
866
|
+
i18n-formatTitleSize="kendo.chartwizard.formatTitleSize|The label of the Size setting of the Title panel."
|
|
867
|
+
[formatTitleSize]="messages.formatTitleSize"
|
|
858
868
|
|
|
859
|
-
|
|
860
|
-
|
|
869
|
+
i18n-formatTitleSizePlaceholder="kendo.chartwizard.formatTitleSizePlaceholder|The placeholder of the Size setting of the Title panel."
|
|
870
|
+
[formatTitleSizePlaceholder]="messages.formatTitleSizePlaceholder"
|
|
861
871
|
|
|
862
|
-
|
|
863
|
-
|
|
872
|
+
i18n-formatTitleColor="kendo.chartwizard.formatTitleColor|The label of the Color setting of the Title panel."
|
|
873
|
+
[formatTitleColor]="messages.formatTitleColor"
|
|
864
874
|
|
|
865
|
-
|
|
866
|
-
|
|
875
|
+
i18n-formatSeries="kendo.chartwizard.formatSeries|The text of the Series panel of the Format tab."
|
|
876
|
+
[formatSeries]="messages.formatSeries"
|
|
867
877
|
|
|
868
|
-
|
|
869
|
-
|
|
878
|
+
i18n-formatSeriesApplyTo="kendo.chartwizard.formatSeriesApplyTo|The label of the Apply to DropDown of the Series panel."
|
|
879
|
+
[formatSeriesApplyTo]="messages.formatSeriesApplyTo"
|
|
870
880
|
|
|
871
|
-
|
|
872
|
-
|
|
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"
|
|
873
883
|
|
|
874
|
-
|
|
875
|
-
|
|
884
|
+
i18n-formatSeriesColor="kendo.chartwizard.formatSeriesColor|The label of the Color setting of the Series panel."
|
|
885
|
+
[formatSeriesColor]="messages.formatSeriesColor"
|
|
876
886
|
|
|
877
|
-
|
|
878
|
-
|
|
887
|
+
i18n-formatSeriesShowLabels="kendo.chartwizard.formatSeriesShowLabels|The label of the Show Labels checkbox of the Series panel."
|
|
888
|
+
[formatSeriesShowLabels]="messages.formatSeriesShowLabels"
|
|
879
889
|
|
|
880
|
-
|
|
881
|
-
|
|
890
|
+
i18n-formatLegend="kendo.chartwizard.formatLegend|The text of the Legend panel of the Format tab."
|
|
891
|
+
[formatLegend]="messages.formatLegend"
|
|
882
892
|
|
|
883
|
-
|
|
884
|
-
|
|
893
|
+
i18n-formatLegendShowLegend="kendo.chartwizard.formatLegendShowLegend|The label of the Show Legend switch of the Legend panel."
|
|
894
|
+
[formatLegendShowLegend]="messages.formatLegendShowLegend"
|
|
885
895
|
|
|
886
|
-
|
|
887
|
-
|
|
896
|
+
i18n-formatLegendFont="kendo.chartwizard.formatLegendFont|The label of the Font setting of the Legend panel."
|
|
897
|
+
[formatLegendFont]="messages.formatLegendFont"
|
|
888
898
|
|
|
889
|
-
|
|
890
|
-
|
|
899
|
+
i18n-formatLegendFontPlaceholder="kendo.chartwizard.formatLegendFontPlaceholder|The placeholder of the Font setting of the Legend panel."
|
|
900
|
+
[formatLegendFontPlaceholder]="messages.formatLegendFontPlaceholder"
|
|
891
901
|
|
|
892
|
-
|
|
893
|
-
|
|
902
|
+
i18n-formatLegendSize="kendo.chartwizard.formatLegendSize|The label of the Size setting of the Legend panel."
|
|
903
|
+
[formatLegendSize]="messages.formatLegendSize"
|
|
894
904
|
|
|
895
|
-
|
|
896
|
-
|
|
905
|
+
i18n-formatLegendSizePlaceholder="kendo.chartwizard.formatLegendSizePlaceholder|The placeholder of the Size setting of the Legend panel."
|
|
906
|
+
[formatLegendSizePlaceholder]="messages.formatLegendSizePlaceholder"
|
|
897
907
|
|
|
898
|
-
|
|
899
|
-
|
|
908
|
+
i18n-formatLegendColor="kendo.chartwizard.formatLegendColor|The label of the Color setting of the Legend panel."
|
|
909
|
+
[formatLegendColor]="messages.formatLegendColor"
|
|
900
910
|
|
|
901
|
-
|
|
902
|
-
|
|
911
|
+
i18n-formatLegendPosition="kendo.chartwizard.formatLegendPosition|The label of the Posiiton DropDown of the Legend panel."
|
|
912
|
+
[formatLegendPosition]="messages.formatLegendPosition"
|
|
903
913
|
|
|
904
|
-
|
|
905
|
-
|
|
914
|
+
i18n-formatLegendPositionTop="kendo.chartwizard.formatLegendPositionTop|The text of the Top option of the Position DropDown of the Legend panel."
|
|
915
|
+
[formatLegendPositionTop]="messages.formatLegendPositionTop"
|
|
906
916
|
|
|
907
|
-
|
|
908
|
-
|
|
917
|
+
i18n-formatLegendPositionBottom="kendo.chartwizard.formatLegendPositionBottom|The text of the Bottom option of the Position DropDown of the Legend panel."
|
|
918
|
+
[formatLegendPositionBottom]="messages.formatLegendPositionBottom"
|
|
909
919
|
|
|
910
|
-
|
|
911
|
-
|
|
920
|
+
i18n-formatLegendPositionLeft="kendo.chartwizard.formatLegendPositionLeft|The text of the Left option of the Position DropDown of the Legend panel."
|
|
921
|
+
[formatLegendPositionLeft]="messages.formatLegendPositionLeft"
|
|
912
922
|
|
|
913
|
-
|
|
914
|
-
|
|
923
|
+
i18n-formatLegendPositionRight="kendo.chartwizard.formatLegendPositionRight|The text of the Right option of the Position DropDown of the Legend panel."
|
|
924
|
+
[formatLegendPositionRight]="messages.formatLegendPositionRight"
|
|
915
925
|
|
|
916
|
-
|
|
917
|
-
|
|
926
|
+
i18n-formatCategoryAxis="kendo.chartwizard.formatCategoryAxis|The text of the Category Axis panel of the Format tab."
|
|
927
|
+
[formatCategoryAxis]="messages.formatCategoryAxis"
|
|
918
928
|
|
|
919
|
-
|
|
920
|
-
|
|
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"
|
|
921
931
|
|
|
922
|
-
|
|
923
|
-
|
|
932
|
+
i18n-formatCategoryAxisTitle="kendo.chartwizard.formatCategoryAxisTitle|The label of the Title settings of the Category Axis panel."
|
|
933
|
+
[formatCategoryAxisTitle]="messages.formatCategoryAxisTitle"
|
|
924
934
|
|
|
925
|
-
|
|
926
|
-
|
|
935
|
+
i18n-formatCategoryAxisTitlePlaceholder="kendo.chartwizard.formatCategoryAxisTitlePlaceholder|The placeholder of the Title input of the Category Axis panel."
|
|
936
|
+
[formatCategoryAxisTitlePlaceholder]="messages.formatCategoryAxisTitlePlaceholder"
|
|
927
937
|
|
|
928
|
-
|
|
929
|
-
|
|
938
|
+
i18n-formatCategoryAxisTitleFont="kendo.chartwizard.formatCategoryAxisTitleFont|The label of the Font settings of the Title in the Category Axis panel."
|
|
939
|
+
[formatCategoryAxisTitleFont]="messages.formatCategoryAxisTitleFont"
|
|
930
940
|
|
|
931
|
-
|
|
932
|
-
|
|
941
|
+
i18n-formatCategoryAxisTitleFontPlaceholder="kendo.chartwizard.formatCategoryAxisTitleFontPlaceholder|The placeholder of the Font settings of the Title in the Category Axis panel."
|
|
942
|
+
[formatCategoryAxisTitleFontPlaceholder]="messages.formatCategoryAxisTitleFontPlaceholder"
|
|
933
943
|
|
|
934
|
-
|
|
935
|
-
|
|
944
|
+
i18n-formatCategoryAxisTitleSize="kendo.chartwizard.formatCategoryAxisTitleSize|The label of the Size settings of the Title in the Category Axis panel."
|
|
945
|
+
[formatCategoryAxisTitleSize]="messages.formatCategoryAxisTitleSize"
|
|
936
946
|
|
|
937
|
-
|
|
938
|
-
|
|
947
|
+
i18n-formatCategoryAxisTitleSizePlaceholder="kendo.chartwizard.formatCategoryAxisTitleSizePlaceholder|The placeholder of the Size settings of the Title in the Category Axis panel."
|
|
948
|
+
[formatCategoryAxisTitleSizePlaceholder]="messages.formatCategoryAxisTitleSizePlaceholder"
|
|
939
949
|
|
|
940
|
-
|
|
941
|
-
|
|
950
|
+
i18n-formatCategoryAxisTitleColor="kendo.chartwizard.formatCategoryAxisTitleColor|The label of the Color settings of the Title in the Category Axis panel."
|
|
951
|
+
[formatCategoryAxisTitleColor]="messages.formatCategoryAxisTitleColor"
|
|
942
952
|
|
|
943
|
-
|
|
944
|
-
|
|
953
|
+
i18n-formatCategoryAxisLabels="kendo.chartwizard.formatCategoryAxisLabels|The label of the Labels settings of the Category Axis panel."
|
|
954
|
+
[formatCategoryAxisLabels]="messages.formatCategoryAxisLabels"
|
|
945
955
|
|
|
946
|
-
|
|
947
|
-
|
|
956
|
+
i18n-formatCategoryAxisLabelsFont="kendo.chartwizard.formatCategoryAxisLabelsFont|The label of the Font settings of the Labels in the Category Axis panel."
|
|
957
|
+
[formatCategoryAxisLabelsFont]="messages.formatCategoryAxisLabelsFont"
|
|
948
958
|
|
|
949
|
-
|
|
950
|
-
|
|
959
|
+
i18n-formatCategoryAxisLabelsFontPlaceholder="kendo.chartwizard.formatCategoryAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Category Axis panel."
|
|
960
|
+
[formatCategoryAxisLabelsFontPlaceholder]="messages.formatCategoryAxisLabelsFontPlaceholder"
|
|
951
961
|
|
|
952
|
-
|
|
953
|
-
|
|
962
|
+
i18n-formatCategoryAxisLabelsSize="kendo.chartwizard.formatCategoryAxisLabelsSize|The label of the Size settings of the Labels in the Category Axis panel."
|
|
963
|
+
[formatCategoryAxisLabelsSize]="messages.formatCategoryAxisLabelsSize"
|
|
954
964
|
|
|
955
|
-
|
|
956
|
-
|
|
965
|
+
i18n-formatCategoryAxisLabelsSizePlaceholder="kendo.chartwizard.formatCategoryAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Category Axis panel."
|
|
966
|
+
[formatCategoryAxisLabelsSizePlaceholder]="messages.formatCategoryAxisLabelsSizePlaceholder"
|
|
957
967
|
|
|
958
|
-
|
|
959
|
-
|
|
968
|
+
i18n-formatCategoryAxisLabelsColor="kendo.chartwizard.formatCategoryAxisLabelsColor|The label of the Color settings of the Labels in the Category Axis panel."
|
|
969
|
+
[formatCategoryAxisLabelsColor]="messages.formatCategoryAxisLabelsColor"
|
|
960
970
|
|
|
961
|
-
|
|
962
|
-
|
|
971
|
+
i18n-formatCategoryAxisLabelsRotation="kendo.chartwizard.formatCategoryAxisLabelsRotation|The label of the Rotation settings of the Labels in the Category Axis panel."
|
|
972
|
+
[formatCategoryAxisLabelsRotation]="messages.formatCategoryAxisLabelsRotation"
|
|
963
973
|
|
|
964
|
-
|
|
965
|
-
|
|
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"
|
|
966
976
|
|
|
967
|
-
|
|
968
|
-
|
|
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"
|
|
969
979
|
|
|
970
|
-
|
|
971
|
-
|
|
980
|
+
i18n-formatValueAxis="kendo.chartwizard.formatValueAxis|The text of the Value Axis panel of the Format tab."
|
|
981
|
+
[formatValueAxis]="messages.formatValueAxis"
|
|
972
982
|
|
|
973
|
-
|
|
974
|
-
|
|
983
|
+
i18n-formatYAxis="kendo.chartwizard.formatYAxis|The text of the Y Axis panel of the Format tab."
|
|
984
|
+
[formatYAxis]="messages.formatYAxis"
|
|
975
985
|
|
|
976
|
-
|
|
977
|
-
|
|
986
|
+
i18n-formatValueAxisTitle="kendo.chartwizard.formatValueAxisTitle|The label of the Title settings of the Value Axis panel."
|
|
987
|
+
[formatValueAxisTitle]="messages.formatValueAxisTitle"
|
|
978
988
|
|
|
979
|
-
|
|
980
|
-
|
|
989
|
+
i18n-formatValueAxisTitlePlaceholder="kendo.chartwizard.formatValueAxisTitlePlaceholder|The placeholder of the Title settings of the Value Axis panel."
|
|
990
|
+
[formatValueAxisTitlePlaceholder]="messages.formatValueAxisTitlePlaceholder"
|
|
981
991
|
|
|
982
|
-
|
|
983
|
-
|
|
992
|
+
i18n-formatValueAxisTitleFont="kendo.chartwizard.formatValueAxisTitleFont|The label of the Font settings of the Value Axis panel."
|
|
993
|
+
[formatValueAxisTitleFont]="messages.formatValueAxisTitleFont"
|
|
984
994
|
|
|
985
|
-
|
|
986
|
-
|
|
995
|
+
i18n-formatValueAxisTitleFontPlaceholder="kendo.chartwizard.formatValueAxisTitleFontPlaceholder|The placeholder of the Font settings of the Value Axis panel."
|
|
996
|
+
[formatYAxis]="messages.formatValueAxisTitleFontPlaceholder"
|
|
987
997
|
|
|
988
|
-
|
|
989
|
-
|
|
998
|
+
i18n-formatValueAxisTitleSize="kendo.chartwizard.formatValueAxisTitleSize|The label of the Size settings of the Value Axis panel."
|
|
999
|
+
[formatValueAxisTitleSize]="messages.formatValueAxisTitleSize"
|
|
990
1000
|
|
|
991
|
-
|
|
992
|
-
|
|
1001
|
+
i18n-formatValueAxisTitleSizePlaceholder="kendo.chartwizard.formatValueAxisTitleSizePlaceholder|The placeholder of the Size settings of the Value Axis panel."
|
|
1002
|
+
[formatValueAxisTitleSizePlaceholder]="messages.formatValueAxisTitleSizePlaceholder"
|
|
993
1003
|
|
|
994
|
-
|
|
995
|
-
|
|
1004
|
+
i18n-formatValueAxisTitleColor="kendo.chartwizard.formatValueAxisTitleColor|The label of the Color settings of the Value Axis panel."
|
|
1005
|
+
[formatValueAxisTitleColor]="messages.formatValueAxisTitleColor"
|
|
996
1006
|
|
|
997
|
-
|
|
998
|
-
|
|
1007
|
+
i18n-formatValueAxisLabels="kendo.chartwizard.formatValueAxisLabels|The label of the Labels settings of the Value Axis panel."
|
|
1008
|
+
[formatValueAxisLabels]="messages.formatValueAxisLabels"
|
|
999
1009
|
|
|
1000
|
-
|
|
1001
|
-
|
|
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"
|
|
1002
1012
|
|
|
1003
|
-
|
|
1004
|
-
|
|
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"
|
|
1005
1015
|
|
|
1006
|
-
|
|
1007
|
-
|
|
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"
|
|
1008
1018
|
|
|
1009
|
-
|
|
1010
|
-
|
|
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"
|
|
1011
1021
|
|
|
1012
|
-
|
|
1013
|
-
|
|
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"
|
|
1014
1024
|
|
|
1015
|
-
|
|
1016
|
-
|
|
1025
|
+
i18n-formatValueAxisLabelsFont="kendo.chartwizard.formatValueAxisLabelsFont|The label of the Font settings of the Labels in the Value Axis panel."
|
|
1026
|
+
[formatValueAxisLabelsFont]="messages.formatValueAxisLabelsFont"
|
|
1017
1027
|
|
|
1018
|
-
|
|
1019
|
-
|
|
1028
|
+
i18n-formatValueAxisLabelsFontPlaceholder="kendo.chartwizard.formatValueAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Value Axis panel."
|
|
1029
|
+
[formatValueAxisLabelsFontPlaceholder]="messages.formatValueAxisLabelsFontPlaceholder"
|
|
1020
1030
|
|
|
1021
|
-
|
|
1022
|
-
|
|
1031
|
+
i18n-formatValueAxisLabelsSize="kendo.chartwizard.formatValueAxisLabelsSize|The label of the Size settings of the Labels in the Value Axis panel."
|
|
1032
|
+
[formatValueAxisLabelsSize]="messages.formatValueAxisLabelsSize"
|
|
1023
1033
|
|
|
1024
|
-
|
|
1025
|
-
|
|
1034
|
+
i18n-formatValueAxisLabelsSizePlaceholder="kendo.chartwizard.formatValueAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Value Axis panel."
|
|
1035
|
+
[formatValueAxisLabelsSizePlaceholder]="messages.formatValueAxisLabelsSizePlaceholder"
|
|
1026
1036
|
|
|
1027
|
-
|
|
1028
|
-
|
|
1037
|
+
i18n-formatValueAxisLabelsColor="kendo.chartwizard.formatValueAxisLabelsColor|The label of the Color settings of the Labels in the Value Axis panel."
|
|
1038
|
+
[formatValueAxisLabelsColor]="messages.formatValueAxisLabelsColor"
|
|
1029
1039
|
|
|
1030
|
-
|
|
1031
|
-
|
|
1040
|
+
i18n-formatValueAxisLabelsRotation="kendo.chartwizard.formatValueAxisLabelsRotation|The label of the Rotation settings of the Labels in the Value Axis panel."
|
|
1041
|
+
[formatValueAxisLabelsRotation]="messages.formatValueAxisLabelsRotation"
|
|
1032
1042
|
|
|
1033
|
-
|
|
1034
|
-
|
|
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"
|
|
1035
1045
|
|
|
1036
1046
|
></ng-container>
|
|
1037
|
-
|
|
1047
|
+
@if (windowSettings?.modal) {
|
|
1048
|
+
<div @overlayAppear class="k-overlay"> </div>
|
|
1049
|
+
}
|
|
1038
1050
|
<kendo-window
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
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"
|
|
1083
1096
|
[title]="{
|
|
1084
1097
|
text: axis.title?.text,
|
|
1085
1098
|
font: axis.title?.font,
|
|
@@ -1090,12 +1103,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
1090
1103
|
font: axis.labels?.font,
|
|
1091
1104
|
color: axis.labels?.color
|
|
1092
1105
|
}"
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
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
|
|
1099
1114
|
[title]="{
|
|
1100
1115
|
text: axis.title?.text,
|
|
1101
1116
|
font: axis.title?.font,
|
|
@@ -1107,59 +1122,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
1107
1122
|
color: axis.labels?.color,
|
|
1108
1123
|
format: axis.labels?.format
|
|
1109
1124
|
}"
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
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
|
+
}
|
|
1161
1182
|
</kendo-window>
|
|
1162
|
-
|
|
1183
|
+
`,
|
|
1163
1184
|
standalone: true,
|
|
1164
1185
|
imports: [
|
|
1165
1186
|
WindowComponent,
|
|
@@ -1170,9 +1191,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
1170
1191
|
TitleComponent,
|
|
1171
1192
|
SubtitleComponent,
|
|
1172
1193
|
ChartAreaComponent,
|
|
1173
|
-
NgIf,
|
|
1174
1194
|
CategoryAxisComponent,
|
|
1175
|
-
NgFor,
|
|
1176
1195
|
CategoryAxisItemComponent,
|
|
1177
1196
|
ValueAxisComponent,
|
|
1178
1197
|
ValueAxisItemComponent,
|