axidio-styleguide-library1-v2 0.2.20 → 0.2.22
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.
|
@@ -1,28 +1,102 @@
|
|
|
1
|
-
import { OnInit, ElementRef, EventEmitter } from '@angular/core';
|
|
1
|
+
import { OnInit, OnChanges, ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { ComponentUniqueId } from '../unique-id';
|
|
3
3
|
import { ResizedEvent } from 'angular-resize-event';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
|
|
5
|
+
interface ChartData {
|
|
6
|
+
data: number[];
|
|
7
|
+
metaData: ChartMetadata;
|
|
8
|
+
}
|
|
9
|
+
interface ChartMetadata {
|
|
10
|
+
title?: string;
|
|
11
|
+
colorType: 'low' | 'high';
|
|
12
|
+
dataType?: string;
|
|
13
|
+
currentValue: number;
|
|
14
|
+
status?: string;
|
|
15
|
+
dateRange?: string;
|
|
16
|
+
hasDrillDown?: boolean;
|
|
17
|
+
isEditEnabled?: boolean;
|
|
18
|
+
}
|
|
19
|
+
interface ChartConfiguration {
|
|
20
|
+
margin: {
|
|
21
|
+
top: number;
|
|
22
|
+
right: number;
|
|
23
|
+
bottom: number;
|
|
24
|
+
left: number;
|
|
25
|
+
};
|
|
26
|
+
minAngle: number;
|
|
27
|
+
maxAngle: number;
|
|
28
|
+
ringInset: number;
|
|
29
|
+
ringWidth: number;
|
|
30
|
+
majorTicks: number;
|
|
31
|
+
svgHeight: number;
|
|
32
|
+
low_colorMap: string[];
|
|
33
|
+
high_colorMap: string[];
|
|
34
|
+
isHeaderVisible?: boolean;
|
|
35
|
+
pointerWidth: number;
|
|
36
|
+
pointerTailLength: number;
|
|
37
|
+
pointerHeadLengthPercent: number;
|
|
38
|
+
labelInset: number;
|
|
39
|
+
legendJustified: boolean;
|
|
40
|
+
backgroundColor: string;
|
|
41
|
+
isDrilldownChart?: boolean;
|
|
42
|
+
ringScaleFactor: number;
|
|
43
|
+
textsAtCenterScaleFactor: number;
|
|
44
|
+
currentValueWidthScaleFactor: number;
|
|
45
|
+
currentValueHeightScaleFactor: number;
|
|
46
|
+
pointerColor: string;
|
|
47
|
+
isToggleVisible?: boolean;
|
|
48
|
+
selectedKpiTooltop?: any;
|
|
49
|
+
isValueLableAdjust?: boolean;
|
|
50
|
+
isTitleHidden?: boolean;
|
|
51
|
+
headerMenuOptions: any[];
|
|
52
|
+
isRia?: boolean;
|
|
53
|
+
}
|
|
54
|
+
export declare class GuageChartComponent extends ComponentUniqueId implements OnInit, OnChanges {
|
|
6
55
|
containerElt: ElementRef;
|
|
7
56
|
guagecontainerElt: ElementRef;
|
|
8
|
-
chartData:
|
|
9
|
-
customChartConfiguration:
|
|
10
|
-
clickEvent: EventEmitter<
|
|
11
|
-
headerMenuclickEvent: EventEmitter<
|
|
12
|
-
chartConfiguration:
|
|
13
|
-
dataType:
|
|
57
|
+
chartData: ChartData;
|
|
58
|
+
customChartConfiguration: Partial<ChartConfiguration>;
|
|
59
|
+
clickEvent: EventEmitter<string>;
|
|
60
|
+
headerMenuclickEvent: EventEmitter<string>;
|
|
61
|
+
chartConfiguration: ChartConfiguration;
|
|
62
|
+
dataType: string;
|
|
14
63
|
datatype_status: boolean;
|
|
15
|
-
uniqueId:
|
|
64
|
+
uniqueId: string;
|
|
16
65
|
isHeaderVisible: boolean;
|
|
17
|
-
|
|
66
|
+
private readonly CHART_HEADER_HEIGHT;
|
|
67
|
+
private readonly LARGE_SCREEN_WIDTH;
|
|
68
|
+
private readonly XLARGE_SCREEN_WIDTH;
|
|
69
|
+
private readonly defaultConfiguration;
|
|
18
70
|
constructor();
|
|
19
71
|
get isAlertEnabled(): boolean;
|
|
20
|
-
ngOnChanges(): void;
|
|
21
|
-
onResized(event: ResizedEvent): void;
|
|
22
72
|
ngOnInit(): void;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
73
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
74
|
+
onResized(event: ResizedEvent): void;
|
|
75
|
+
private removeExistingChart;
|
|
76
|
+
private initializeChart;
|
|
77
|
+
private mergeConfiguration;
|
|
78
|
+
private setupDataType;
|
|
79
|
+
private getColorMaps;
|
|
80
|
+
private calculateDataSegments;
|
|
81
|
+
private calculateAngles;
|
|
82
|
+
private calculateDimensions;
|
|
83
|
+
private createSVG;
|
|
84
|
+
private adjustScaleFactors;
|
|
85
|
+
private createLabelArray;
|
|
86
|
+
private renderArcs;
|
|
87
|
+
private createArcGenerator;
|
|
88
|
+
private renderPointer;
|
|
89
|
+
private renderLabels;
|
|
90
|
+
private renderCenterTexts;
|
|
91
|
+
private addForeignObject;
|
|
92
|
+
private getFontSize;
|
|
93
|
+
private centerSVG;
|
|
94
|
+
private getCenterTranslation;
|
|
95
|
+
private deg2rad;
|
|
96
|
+
private getRange;
|
|
97
|
+
handleClick(range: string): void;
|
|
98
|
+
handleHeaderMenuClick(id: string): void;
|
|
26
99
|
static ɵfac: i0.ɵɵFactoryDeclaration<GuageChartComponent, never>;
|
|
27
100
|
static ɵcmp: i0.ɵɵComponentDeclaration<GuageChartComponent, "lib-guage-chart", never, { "chartData": { "alias": "chartData"; "required": false; }; "customChartConfiguration": { "alias": "customChartConfiguration"; "required": false; }; }, { "clickEvent": "clickEvent"; "headerMenuclickEvent": "headerMenuclickEvent"; }, never, never, false, never>;
|
|
28
101
|
}
|
|
102
|
+
export {};
|