axidio-styleguide-library1-v2 0.0.981 → 0.0.983
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/esm2022/lib/horizontal-bars-with-scroll-zoom/horizontal-bars-with-scroll-zoom.component.mjs +5 -3
- package/esm2022/lib/horizontal-grouped-bar-with-scroll-zoom/horizontal-grouped-bar-with-scroll-zoom.component.mjs +10 -6
- package/fesm2022/axidio-styleguide-library1-v2.mjs +13 -7
- package/fesm2022/axidio-styleguide-library1-v2.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -7387,18 +7387,20 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
7387
7387
|
var xScale = d3
|
|
7388
7388
|
.scaleBand()
|
|
7389
7389
|
.rangeRound([
|
|
7390
|
-
width - rightSvgWidth - leftAndRightSpaces,
|
|
7391
7390
|
leftAndRightSpaces,
|
|
7391
|
+
width - rightSvgWidth - leftAndRightSpaces
|
|
7392
7392
|
])
|
|
7393
7393
|
.domain(data.map(function (d) {
|
|
7394
7394
|
return d.name;
|
|
7395
|
-
}))
|
|
7395
|
+
}))
|
|
7396
|
+
.padding(isMobile ? 0.2 : 0.5);
|
|
7396
7397
|
var xScaleFromOrigin = d3
|
|
7397
7398
|
.scaleBand()
|
|
7398
7399
|
.rangeRound([width - rightSvgWidth, 0])
|
|
7399
7400
|
.domain(data.map(function (d) {
|
|
7400
7401
|
return d.name;
|
|
7401
7402
|
}));
|
|
7403
|
+
// ...existing code...
|
|
7402
7404
|
/**
|
|
7403
7405
|
* draw second x axis on top
|
|
7404
7406
|
*/
|
|
@@ -8640,7 +8642,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
8640
8642
|
.append('svg')
|
|
8641
8643
|
// .attr('id', self.uniqueId)
|
|
8642
8644
|
.attr('width', width - rightSvgWidth)
|
|
8643
|
-
.attr('height', height + margin.top + margin.bottom +
|
|
8645
|
+
.attr('height', height + margin.top + margin.bottom + 60)
|
|
8644
8646
|
// .call(ChartHelper.responsivefy)
|
|
8645
8647
|
.append('g')
|
|
8646
8648
|
.attr('transform', 'translate(' + 0 + ',' + margin.top + ')');
|
|
@@ -9008,7 +9010,11 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
9008
9010
|
var xSubgroup = d3.scaleBand().domain(subgroups);
|
|
9009
9011
|
if (subgroups.length > 1 && !this.isZoomedOut) {
|
|
9010
9012
|
// For grouped bar charts in zoom-in view, reduce padding between bars
|
|
9011
|
-
xSubgroup.range([0, x.bandwidth()])
|
|
9013
|
+
xSubgroup.range([0, x.bandwidth()]);
|
|
9014
|
+
}
|
|
9015
|
+
else if (subgroups.length === 1 && !this.isZoomedOut) {
|
|
9016
|
+
// For single-bar (non-grouped) charts in zoom-in view, set bar width to 80
|
|
9017
|
+
xSubgroup.range([0, 80]);
|
|
9012
9018
|
}
|
|
9013
9019
|
else if (this.chartConfiguration.isMultiChartGridLine == undefined) {
|
|
9014
9020
|
xSubgroup.range([0, x.bandwidth()]);
|
|
@@ -9154,13 +9160,13 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
9154
9160
|
return self.isZoomedOut
|
|
9155
9161
|
? tempScale.bandwidth()
|
|
9156
9162
|
: self.chartData.data.length && self.chartData.data.length > 8
|
|
9157
|
-
? tempScale.bandwidth()
|
|
9163
|
+
? tempScale.bandwidth()
|
|
9158
9164
|
: tempScale.bandwidth();
|
|
9159
9165
|
}
|
|
9160
9166
|
return self.isZoomedOut
|
|
9161
9167
|
? tempScale.bandwidth()
|
|
9162
9168
|
: self.chartData.data.length && self.chartData.data.length > 8
|
|
9163
|
-
? tempScale.bandwidth()
|
|
9169
|
+
? tempScale.bandwidth()
|
|
9164
9170
|
: tempScale.bandwidth();
|
|
9165
9171
|
})
|
|
9166
9172
|
.attr('height', function (d) {
|
|
@@ -9649,7 +9655,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
9649
9655
|
}
|
|
9650
9656
|
const xLabelText = metaData.xLabel;
|
|
9651
9657
|
const isAcr = isAcronym(xLabelText.replace(/[^A-Za-z]/g, ''));
|
|
9652
|
-
const xPosition = isria ? (height + margin.top + margin.bottom) : (height + margin.top + margin.bottom +
|
|
9658
|
+
const xPosition = isria ? (height + margin.top + margin.bottom) : (height + margin.top + margin.bottom + 30);
|
|
9653
9659
|
svg
|
|
9654
9660
|
.append('text')
|
|
9655
9661
|
.attr('class', function () {
|