axidio-styleguide-library1-v2 0.0.983 → 0.0.985
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.
|
@@ -8778,7 +8778,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
8778
8778
|
});
|
|
8779
8779
|
}
|
|
8780
8780
|
if (self.chartConfiguration.xLabelsOnSameLine) {
|
|
8781
|
-
svg
|
|
8781
|
+
const xAxisLabels = svg
|
|
8782
8782
|
.selectAll('g.x1.axis1 g.tick text')
|
|
8783
8783
|
.attr('class', 'lib-xaxis-labels-texts-drilldown')
|
|
8784
8784
|
.style('font-size', this.isHeaderVisible ? '18px' : '14px')
|
|
@@ -8856,6 +8856,15 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
8856
8856
|
}
|
|
8857
8857
|
return d.toLowerCase();
|
|
8858
8858
|
});
|
|
8859
|
+
// Now apply writing-mode: sideways-lr for grouped charts with date labels in zoomed-out view and many bars
|
|
8860
|
+
xAxisLabels.each(function (d) {
|
|
8861
|
+
// Only apply writing-mode for exact date labels, not those containing 'week' or similar
|
|
8862
|
+
const isDateLabel = /^(\d{2,4}[-\/])?\d{2,4}[-\/]\d{2,4}$/.test(d.trim());
|
|
8863
|
+
const isWeekLabel = /week|wk|w\d+/i.test(d);
|
|
8864
|
+
if (subgroups.length > 1 && self.isZoomedOut && data.length > 8 && isDateLabel && !isWeekLabel) {
|
|
8865
|
+
d3.select(this).style('writing-mode', 'sideways-lr');
|
|
8866
|
+
}
|
|
8867
|
+
});
|
|
8859
8868
|
if (!isMobile) {
|
|
8860
8869
|
svg
|
|
8861
8870
|
.selectAll('g.x1.axis1 g.tick')
|