@acorex/charts 20.6.32 → 20.6.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/acorex-charts-bar-chart.mjs +2 -2
- package/fesm2022/acorex-charts-bar-chart.mjs.map +1 -1
- package/fesm2022/acorex-charts-donut-chart.mjs +2 -2
- package/fesm2022/acorex-charts-donut-chart.mjs.map +1 -1
- package/fesm2022/acorex-charts-funnel-chart.mjs +14 -40
- package/fesm2022/acorex-charts-funnel-chart.mjs.map +1 -1
- package/fesm2022/acorex-charts-gauge-chart.mjs +2 -2
- package/fesm2022/acorex-charts-gauge-chart.mjs.map +1 -1
- package/fesm2022/acorex-charts-heatmap-chart.mjs +130 -24
- package/fesm2022/acorex-charts-heatmap-chart.mjs.map +1 -1
- package/fesm2022/acorex-charts-line-chart.mjs +2 -2
- package/fesm2022/acorex-charts-line-chart.mjs.map +1 -1
- package/funnel-chart/index.d.ts +9 -4
- package/heatmap-chart/index.d.ts +21 -0
- package/package.json +1 -1
package/funnel-chart/index.d.ts
CHANGED
|
@@ -17,6 +17,10 @@ interface AXFunnelChartMessages {
|
|
|
17
17
|
noDataIcon?: string;
|
|
18
18
|
}
|
|
19
19
|
interface AXFunnelChartOption {
|
|
20
|
+
/**
|
|
21
|
+
* Inset in SVG user units (fixed `viewBox` side length 400). The chart scales to its CSS box;
|
|
22
|
+
* margins keep the same proportions at any container size.
|
|
23
|
+
*/
|
|
20
24
|
margin?: {
|
|
21
25
|
top: number;
|
|
22
26
|
right: number;
|
|
@@ -59,6 +63,11 @@ interface AXFunnelChartOption {
|
|
|
59
63
|
}
|
|
60
64
|
|
|
61
65
|
declare class AXFunnelChartComponent extends AXChartComponent implements OnDestroy, AXChartComponentBase {
|
|
66
|
+
/**
|
|
67
|
+
* Fixed SVG coordinate system; the graphic scales to the container via `width`/`height: 100%` + `viewBox`.
|
|
68
|
+
* Margins and geometry are expressed in these units (same numeric scale as a ~400px reference viewport).
|
|
69
|
+
*/
|
|
70
|
+
private static readonly VIEW_BOX_SIZE;
|
|
62
71
|
data: _angular_core.InputSignal<AXFunnelData[]>;
|
|
63
72
|
options: _angular_core.InputSignal<AXFunnelChartOption>;
|
|
64
73
|
/** Emitted when a funnel segment is clicked */
|
|
@@ -68,8 +77,6 @@ declare class AXFunnelChartComponent extends AXChartComponent implements OnDestr
|
|
|
68
77
|
protected d3: typeof d3;
|
|
69
78
|
private _initialized;
|
|
70
79
|
private _rendered;
|
|
71
|
-
private resizeObserver;
|
|
72
|
-
private resizeDebounceId;
|
|
73
80
|
private _tooltipVisible;
|
|
74
81
|
private _tooltipPosition;
|
|
75
82
|
private _tooltipData;
|
|
@@ -107,8 +114,6 @@ declare class AXFunnelChartComponent extends AXChartComponent implements OnDestr
|
|
|
107
114
|
}>;
|
|
108
115
|
constructor();
|
|
109
116
|
ngOnDestroy(): void;
|
|
110
|
-
private attachResizeObserver;
|
|
111
|
-
private detachResizeObserver;
|
|
112
117
|
protected loadD3(): Promise<void>;
|
|
113
118
|
createChart(): void;
|
|
114
119
|
private trapezoidInteriorMetrics;
|
package/heatmap-chart/index.d.ts
CHANGED
|
@@ -51,6 +51,8 @@ interface AXHeatmapChartOption {
|
|
|
51
51
|
showYAxis?: boolean;
|
|
52
52
|
xAxisLabel?: string;
|
|
53
53
|
yAxisLabel?: string;
|
|
54
|
+
/** Like bar-chart: `true` / `false` forces rotation; `'auto'` picks −45° when labels would overflow each band step. */
|
|
55
|
+
rotateXAxisLabels?: boolean | 'auto';
|
|
54
56
|
showTooltip?: boolean;
|
|
55
57
|
animationDuration?: number;
|
|
56
58
|
animationEasing?: AXAnimationEasing;
|
|
@@ -58,6 +60,18 @@ interface AXHeatmapChartOption {
|
|
|
58
60
|
}
|
|
59
61
|
|
|
60
62
|
declare class AXHeatmapChartComponent extends AXChartComponent implements OnDestroy {
|
|
63
|
+
/** Fixed `viewBox` side; chart scales with CSS `width` / `height` on the host container. */
|
|
64
|
+
private static readonly VIEW_BOX_SIZE;
|
|
65
|
+
private readonly CHAR_WIDTH_RATIO;
|
|
66
|
+
private readonly ROTATION_TOLERANCE_SMALL_DATASET;
|
|
67
|
+
private readonly SMALL_DATASET_THRESHOLD;
|
|
68
|
+
private readonly MANY_ITEMS_THRESHOLD;
|
|
69
|
+
private readonly VERY_MANY_ITEMS_THRESHOLD;
|
|
70
|
+
private readonly MAX_LABEL_LENGTH;
|
|
71
|
+
private readonly TICK_AREA_PADDING;
|
|
72
|
+
private readonly X_AXIS_TITLE_GAP;
|
|
73
|
+
private readonly MIN_FONT_SIZE_X_AXIS;
|
|
74
|
+
private readonly MAX_FONT_SIZE_X_AXIS;
|
|
61
75
|
private readonly defaultConfig;
|
|
62
76
|
data: _angular_core.InputSignal<AXHeatmapData[]>;
|
|
63
77
|
options: _angular_core.InputSignal<AXHeatmapChartOption>;
|
|
@@ -98,6 +112,7 @@ declare class AXHeatmapChartComponent extends AXChartComponent implements OnDest
|
|
|
98
112
|
showYAxis?: boolean;
|
|
99
113
|
xAxisLabel?: string;
|
|
100
114
|
yAxisLabel?: string;
|
|
115
|
+
rotateXAxisLabels?: boolean | "auto";
|
|
101
116
|
showTooltip?: boolean;
|
|
102
117
|
animationDuration?: number;
|
|
103
118
|
animationEasing?: _acorex_charts.AXAnimationEasing;
|
|
@@ -105,6 +120,7 @@ declare class AXHeatmapChartComponent extends AXChartComponent implements OnDest
|
|
|
105
120
|
}>;
|
|
106
121
|
constructor();
|
|
107
122
|
private init;
|
|
123
|
+
updateChart(): void;
|
|
108
124
|
private renderChart;
|
|
109
125
|
private hashStringToUint32;
|
|
110
126
|
/** `resolvedRgb` must be a computed `rgb()` / `rgba()` string (e.g. from {@link resolveCssColorInContext}). */
|
|
@@ -115,6 +131,11 @@ declare class AXHeatmapChartComponent extends AXChartComponent implements OnDest
|
|
|
115
131
|
private hideTooltip;
|
|
116
132
|
ngOnDestroy(): void;
|
|
117
133
|
private drawAxisLabels;
|
|
134
|
+
private getHeatmapXTickFontSize;
|
|
135
|
+
private getHeatmapXTickPlan;
|
|
136
|
+
private truncateHeatmapLabel;
|
|
137
|
+
private shouldRotateHeatmapXLabels;
|
|
138
|
+
private styleHeatmapXAxisTicks;
|
|
118
139
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXHeatmapChartComponent, never>;
|
|
119
140
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXHeatmapChartComponent, "ax-heatmap-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "cellClick": "cellClick"; }, never, never, true, never>;
|
|
120
141
|
}
|