@acorex/charts 20.1.23 → 20.1.25

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.
@@ -16,6 +16,11 @@ interface AXBarChartData {
16
16
  tooltipLabel?: string;
17
17
  color?: string;
18
18
  }
19
+ interface AXBarChartClusteredData {
20
+ id: string;
21
+ label: string;
22
+ chartData: AXBarChartData[];
23
+ }
19
24
  /**
20
25
  * Bar chart click event interface
21
26
  */
@@ -57,7 +62,7 @@ interface AXBarChartOption {
57
62
  * Bar chart data type returned by getValue()
58
63
  * Represents an array of bar chart data items
59
64
  */
60
- type AXBarChartValue = AXBarChartData[];
65
+ type AXBarChartValue = AXBarChartData[] | AXBarChartClusteredData[];
61
66
 
62
67
  /**
63
68
  * Bar Chart Component
@@ -65,7 +70,7 @@ type AXBarChartValue = AXBarChartData[];
65
70
  */
66
71
  declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXChartLegendCompatible {
67
72
  /** Chart data input */
68
- data: _angular_core.InputSignal<AXBarChartData[]>;
73
+ data: _angular_core.InputSignal<AXBarChartValue>;
69
74
  /** Chart options input */
70
75
  options: _angular_core.InputSignal<AXBarChartOption>;
71
76
  /** Emitted when a bar is clicked */
@@ -76,6 +81,7 @@ declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXCh
76
81
  private chart;
77
82
  private xScale;
78
83
  private yScale;
84
+ private xSubScale;
79
85
  private xAxis;
80
86
  private yAxis;
81
87
  private width;
@@ -112,6 +118,9 @@ declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXCh
112
118
  animationEasing?: _acorex_cdk_common.AXAnimationEasing;
113
119
  }>;
114
120
  private hiddenBars;
121
+ private hiddenSeries;
122
+ private isClusteredData;
123
+ private getClusterSeriesLabels;
115
124
  constructor();
116
125
  ngOnDestroy(): void;
117
126
  /**
@@ -142,14 +151,26 @@ declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXCh
142
151
  * Creates x and y scales for the chart
143
152
  */
144
153
  private setupScales;
154
+ /**
155
+ * Creates x and y scales for clustered charts
156
+ */
157
+ private setupScalesClustered;
145
158
  /**
146
159
  * Creates x and y axes with grid lines
147
160
  */
148
161
  private createAxes;
162
+ /**
163
+ * Creates axes for clustered charts
164
+ */
165
+ private createAxesClustered;
149
166
  /**
150
167
  * Renders the bars with animations
151
168
  */
152
169
  private renderBars;
170
+ /**
171
+ * Renders bars for clustered charts
172
+ */
173
+ private renderBarsClustered;
153
174
  /**
154
175
  * Gets the appropriate D3 easing function based on the option string
155
176
  */
@@ -208,4 +229,4 @@ type PartialBarChartConfig = Partial<AXBarChartOption>;
208
229
  declare function barChartConfig(config?: PartialBarChartConfig): AXBarChartOption;
209
230
 
210
231
  export { AXBarChartComponent, AXBarChartDefaultConfig, AX_BAR_CHART_CONFIG, barChartConfig };
211
- export type { AXBarChartClickEvent, AXBarChartData, AXBarChartOption, AXBarChartValue, PartialBarChartConfig };
232
+ export type { AXBarChartClickEvent, AXBarChartClusteredData, AXBarChartData, AXBarChartOption, AXBarChartValue, PartialBarChartConfig };
@@ -68,7 +68,7 @@ declare class AXChartLegendComponent {
68
68
  /**
69
69
  * Reference to legend container for measuring dimensions
70
70
  */
71
- legendContainer?: ElementRef<HTMLDivElement>;
71
+ legendContainer: _angular_core.Signal<ElementRef<HTMLDivElement>>;
72
72
  protected showValues: _angular_core.Signal<boolean>;
73
73
  protected showPercentage: _angular_core.Signal<boolean>;
74
74
  protected containerClass: _angular_core.Signal<{
@@ -2,11 +2,12 @@ import * as _angular_core from '@angular/core';
2
2
  import { ElementRef } from '@angular/core';
3
3
 
4
4
  interface AXChartTooltipData {
5
- title: string;
5
+ title: string | string[];
6
6
  value: number | string;
7
7
  percentage?: string;
8
- color?: string;
9
- [key: string]: any;
8
+ color?: string | string[];
9
+ tooltipColor?: string;
10
+ tooltipBgColor?: string;
10
11
  }
11
12
 
12
13
  declare class AXChartTooltipComponent {
@@ -30,10 +31,16 @@ declare class AXChartTooltipComponent {
30
31
  /**
31
32
  * Reference to tooltip container for measuring dimensions
32
33
  */
33
- tooltipContainer?: ElementRef<HTMLDivElement>;
34
+ tooltipContainer: _angular_core.Signal<ElementRef<HTMLDivElement>>;
34
35
  protected tooltipWidth: number;
35
36
  protected tooltipHeight: number;
36
37
  constructor();
38
+ protected isColorArray(): boolean;
39
+ protected colorList(): string[];
40
+ protected singleColor(): string | null;
41
+ protected isTitleArray(): boolean;
42
+ protected titleList(): string[];
43
+ protected colorAt(index: number): string | null;
37
44
  /**
38
45
  * Updates tooltip dimensions after it's rendered
39
46
  */
@@ -121,6 +121,7 @@ declare class AXDonutChartComponent implements OnDestroy, AXChartLegendCompatibl
121
121
  private _initialized;
122
122
  private _rendered;
123
123
  private _isInitialAnimating;
124
+ private _currentlyHighlightedSegment;
124
125
  private _tooltipVisible;
125
126
  private _tooltipPosition;
126
127
  private _tooltipData;