axidio-styleguide-library1-v2 0.0.997 → 0.0.999
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.
|
@@ -8843,6 +8843,19 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
8843
8843
|
if (dateRangeRegex.test(d.trim())) {
|
|
8844
8844
|
return d.trim().replace(dateRangeRegex, (m, d1, d2) => `${d1} - ${d2}`);
|
|
8845
8845
|
}
|
|
8846
|
+
// If in zoomed-out view and label is a date, show only month and date (MM/DD)
|
|
8847
|
+
if (self.isZoomedOut) {
|
|
8848
|
+
// Match date formats like '08/04/25', '2025-08-04', '08-04-2025', etc.
|
|
8849
|
+
// Try to extract MM/DD from various formats
|
|
8850
|
+
let match = d.match(/(\d{2,4})[-\/](\d{2})[-\/](\d{2,4})/);
|
|
8851
|
+
if (match) {
|
|
8852
|
+
let yearFirst = match[1].length === 4;
|
|
8853
|
+
let yearLast = match[3].length === 4;
|
|
8854
|
+
let month = yearFirst ? match[2] : match[1];
|
|
8855
|
+
let day = yearFirst ? match[3] : match[2];
|
|
8856
|
+
return `${month}/${day}`;
|
|
8857
|
+
}
|
|
8858
|
+
}
|
|
8846
8859
|
// If label looks like a date (contains digits and - or /)
|
|
8847
8860
|
const isDateLabel = /\d{2,4}[-\/]/.test(d);
|
|
8848
8861
|
// Only split date/week labels if there are many grouped bars and header is not visible
|
|
@@ -9148,7 +9161,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
9148
9161
|
// Increase bar width a bit in zoom-in view
|
|
9149
9162
|
let reducedBarWidth = 60;
|
|
9150
9163
|
if (!self.isZoomedOut) {
|
|
9151
|
-
reducedBarWidth =
|
|
9164
|
+
reducedBarWidth = 80;
|
|
9152
9165
|
}
|
|
9153
9166
|
if (self.chartData.data.length == 1) {
|
|
9154
9167
|
if (Object.keys(self.chartData.data[0]).length == 2) {
|