@acorex/charts 20.1.25 → 20.1.26
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/bar-chart/index.d.ts +36 -1
- package/donut-chart/index.d.ts +31 -1
- package/fesm2022/acorex-charts-bar-chart.mjs +343 -249
- package/fesm2022/acorex-charts-bar-chart.mjs.map +1 -1
- package/fesm2022/acorex-charts-donut-chart.mjs +34 -20
- package/fesm2022/acorex-charts-donut-chart.mjs.map +1 -1
- package/fesm2022/acorex-charts-gauge-chart.mjs +7 -2
- package/fesm2022/acorex-charts-gauge-chart.mjs.map +1 -1
- package/fesm2022/acorex-charts-hierarchy-chart.mjs +22 -5
- package/fesm2022/acorex-charts-hierarchy-chart.mjs.map +1 -1
- package/fesm2022/acorex-charts-line-chart.mjs +31 -8
- package/fesm2022/acorex-charts-line-chart.mjs.map +1 -1
- package/gauge-chart/index.d.ts +14 -1
- package/hierarchy-chart/index.d.ts +22 -1
- package/line-chart/index.d.ts +28 -1
- package/package.json +1 -1
package/bar-chart/index.d.ts
CHANGED
|
@@ -43,6 +43,23 @@ interface AXBarChartClickEvent {
|
|
|
43
43
|
* - `--ax-comp-bar-chart-bg-color`: Background color for the chart.
|
|
44
44
|
* Default: `--ax-sys-color-lightest-surface`
|
|
45
45
|
*/
|
|
46
|
+
/**
|
|
47
|
+
* Messages configuration for bar chart empty states
|
|
48
|
+
*/
|
|
49
|
+
interface AXBarChartMessages {
|
|
50
|
+
/** Message shown when no data is available */
|
|
51
|
+
noData?: string;
|
|
52
|
+
/** Help text shown when no data is available */
|
|
53
|
+
noDataHelp?: string;
|
|
54
|
+
/** Message shown when all bars are hidden */
|
|
55
|
+
allHidden?: string;
|
|
56
|
+
/** Help text shown when all bars are hidden */
|
|
57
|
+
allHiddenHelp?: string;
|
|
58
|
+
/** Icon for no data state */
|
|
59
|
+
noDataIcon?: string;
|
|
60
|
+
/** Icon for all hidden state */
|
|
61
|
+
allHiddenIcon?: string;
|
|
62
|
+
}
|
|
46
63
|
interface AXBarChartOption {
|
|
47
64
|
width?: number;
|
|
48
65
|
height?: number;
|
|
@@ -57,6 +74,7 @@ interface AXBarChartOption {
|
|
|
57
74
|
cornerRadius?: number;
|
|
58
75
|
animationDuration?: number;
|
|
59
76
|
animationEasing?: AXAnimationEasing;
|
|
77
|
+
messages?: AXBarChartMessages;
|
|
60
78
|
}
|
|
61
79
|
/**
|
|
62
80
|
* Bar chart data type returned by getValue()
|
|
@@ -116,6 +134,15 @@ declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXCh
|
|
|
116
134
|
cornerRadius?: number;
|
|
117
135
|
animationDuration?: number;
|
|
118
136
|
animationEasing?: _acorex_cdk_common.AXAnimationEasing;
|
|
137
|
+
messages?: AXBarChartMessages;
|
|
138
|
+
}>;
|
|
139
|
+
protected effectiveMessages: _angular_core.Signal<{
|
|
140
|
+
noData: string;
|
|
141
|
+
noDataHelp: string;
|
|
142
|
+
allHidden: string;
|
|
143
|
+
allHiddenHelp: string;
|
|
144
|
+
noDataIcon: string;
|
|
145
|
+
allHiddenIcon: string;
|
|
119
146
|
}>;
|
|
120
147
|
private hiddenBars;
|
|
121
148
|
private hiddenSeries;
|
|
@@ -159,10 +186,18 @@ declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXCh
|
|
|
159
186
|
* Creates x and y axes with grid lines
|
|
160
187
|
*/
|
|
161
188
|
private createAxes;
|
|
189
|
+
private createXAxis;
|
|
190
|
+
private createYAxis;
|
|
191
|
+
private shouldRotateXAxisLabels;
|
|
192
|
+
private createXAxisTitle;
|
|
193
|
+
private createYAxisTitle;
|
|
194
|
+
private calculateMaxYAxisTickLabelWidth;
|
|
195
|
+
private createGridLines;
|
|
162
196
|
/**
|
|
163
197
|
* Creates axes for clustered charts
|
|
164
198
|
*/
|
|
165
199
|
private createAxesClustered;
|
|
200
|
+
private createXAxisClustered;
|
|
166
201
|
/**
|
|
167
202
|
* Renders the bars with animations
|
|
168
203
|
*/
|
|
@@ -229,4 +264,4 @@ type PartialBarChartConfig = Partial<AXBarChartOption>;
|
|
|
229
264
|
declare function barChartConfig(config?: PartialBarChartConfig): AXBarChartOption;
|
|
230
265
|
|
|
231
266
|
export { AXBarChartComponent, AXBarChartDefaultConfig, AX_BAR_CHART_CONFIG, barChartConfig };
|
|
232
|
-
export type { AXBarChartClickEvent, AXBarChartClusteredData, AXBarChartData, AXBarChartOption, AXBarChartValue, PartialBarChartConfig };
|
|
267
|
+
export type { AXBarChartClickEvent, AXBarChartClusteredData, AXBarChartData, AXBarChartMessages, AXBarChartOption, AXBarChartValue, PartialBarChartConfig };
|
package/donut-chart/index.d.ts
CHANGED
|
@@ -41,6 +41,23 @@ interface AXDonutChartData {
|
|
|
41
41
|
* }
|
|
42
42
|
* ```
|
|
43
43
|
*/
|
|
44
|
+
/**
|
|
45
|
+
* Messages configuration for donut chart empty states
|
|
46
|
+
*/
|
|
47
|
+
interface AXDonutChartMessages {
|
|
48
|
+
/** Message shown when no data is available */
|
|
49
|
+
noData?: string;
|
|
50
|
+
/** Help text shown when no data is available */
|
|
51
|
+
noDataHelp?: string;
|
|
52
|
+
/** Message shown when all segments are hidden */
|
|
53
|
+
allHidden?: string;
|
|
54
|
+
/** Help text shown when all segments are hidden */
|
|
55
|
+
allHiddenHelp?: string;
|
|
56
|
+
/** Icon for no data state */
|
|
57
|
+
noDataIcon?: string;
|
|
58
|
+
/** Icon for all hidden state */
|
|
59
|
+
allHiddenIcon?: string;
|
|
60
|
+
}
|
|
44
61
|
interface AXDonutChartOption {
|
|
45
62
|
/**
|
|
46
63
|
* Width of the chart in pixels
|
|
@@ -89,6 +106,10 @@ interface AXDonutChartOption {
|
|
|
89
106
|
* Default: 'cubic-out'
|
|
90
107
|
*/
|
|
91
108
|
animationEasing?: AXAnimationEasing;
|
|
109
|
+
/**
|
|
110
|
+
* Customizable messages for empty states
|
|
111
|
+
*/
|
|
112
|
+
messages?: AXDonutChartMessages;
|
|
92
113
|
}
|
|
93
114
|
/**
|
|
94
115
|
* Data structure provided to the chart component
|
|
@@ -143,6 +164,15 @@ declare class AXDonutChartComponent implements OnDestroy, AXChartLegendCompatibl
|
|
|
143
164
|
cornerRadius?: number;
|
|
144
165
|
animationDuration?: number;
|
|
145
166
|
animationEasing?: _acorex_cdk_common.AXAnimationEasing;
|
|
167
|
+
messages?: AXDonutChartMessages;
|
|
168
|
+
}>;
|
|
169
|
+
protected effectiveMessages: _angular_core.Signal<{
|
|
170
|
+
noData: string;
|
|
171
|
+
noDataHelp: string;
|
|
172
|
+
allHidden: string;
|
|
173
|
+
allHiddenHelp: string;
|
|
174
|
+
noDataIcon: string;
|
|
175
|
+
allHiddenIcon: string;
|
|
146
176
|
}>;
|
|
147
177
|
protected chartDataArray: _angular_core.Signal<AXDonutChartData[]>;
|
|
148
178
|
protected getColor(index: number): string;
|
|
@@ -249,4 +279,4 @@ type PartialDonutChartConfig = Partial<AXDonutChartOption>;
|
|
|
249
279
|
declare function donutChartConfig(config?: PartialDonutChartConfig): AXDonutChartOption;
|
|
250
280
|
|
|
251
281
|
export { AXDonutChartComponent, AXDonutChartDefaultConfig, AX_DONUT_CHART_CONFIG, donutChartConfig };
|
|
252
|
-
export type { AXDonutChartData, AXDonutChartOption, AXDonutChartValue, PartialDonutChartConfig };
|
|
282
|
+
export type { AXDonutChartData, AXDonutChartMessages, AXDonutChartOption, AXDonutChartValue, PartialDonutChartConfig };
|