axidio-styleguide-library1-v2 0.0.796 → 0.0.798
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 +6 -2
- package/esm2022/lib/horizontal-grouped-bar-with-scroll-zoom/horizontal-grouped-bar-with-scroll-zoom.component.mjs +8 -7
- package/fesm2022/axidio-styleguide-library1-v2.mjs +12 -7
- package/fesm2022/axidio-styleguide-library1-v2.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -8242,7 +8242,11 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
8242
8242
|
if (metaData.xLabel) {
|
|
8243
8243
|
svg
|
|
8244
8244
|
.append('text')
|
|
8245
|
-
.attr('class', 'lib-axis-waterfall-label')
|
|
8245
|
+
.attr('class', 'lib-axis-waterfall-label')
|
|
8246
|
+
.attr('transform', 'translate(' + width / 2 + ' ,' + (height + margin.top + 20) + ')')
|
|
8247
|
+
.style('text-anchor', 'middle')
|
|
8248
|
+
.text(metaData.xLabel.toLowerCase())
|
|
8249
|
+
.style('text-transform', 'capitalize');
|
|
8246
8250
|
}
|
|
8247
8251
|
if (lineData && colors) {
|
|
8248
8252
|
var dataGroup = d3
|
|
@@ -8892,8 +8896,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
8892
8896
|
}
|
|
8893
8897
|
var xSubgroup = d3.scaleBand().domain(subgroups);
|
|
8894
8898
|
if (this.chartConfiguration.isMultiChartGridLine == undefined) {
|
|
8895
|
-
xSubgroup.range([0, x.bandwidth()])
|
|
8896
|
-
.padding(this.isZoomedOut ? 0.1 : 0.3);
|
|
8899
|
+
xSubgroup.range([0, x.bandwidth()]);
|
|
8897
8900
|
}
|
|
8898
8901
|
else {
|
|
8899
8902
|
/**
|
|
@@ -9029,8 +9032,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
9029
9032
|
});
|
|
9030
9033
|
return tempScale.bandwidth();
|
|
9031
9034
|
}
|
|
9032
|
-
|
|
9033
|
-
return self.isZoomedOut ? baseWidth : baseWidth * 0.7;
|
|
9035
|
+
return xSubgroup.bandwidth();
|
|
9034
9036
|
})
|
|
9035
9037
|
.attr('height', function (d) {
|
|
9036
9038
|
if (d.value == -1) {
|
|
@@ -9309,7 +9311,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
9309
9311
|
.on('mouseout', function (d) {
|
|
9310
9312
|
state.selectAll('.barstext').remove();
|
|
9311
9313
|
})
|
|
9312
|
-
.on('mouseover',
|
|
9314
|
+
.on('mouseover', (d1) => {
|
|
9313
9315
|
state
|
|
9314
9316
|
.selectAll('text')
|
|
9315
9317
|
.data(function (d) {
|
|
@@ -9339,7 +9341,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
9339
9341
|
.style('fill', function (d) {
|
|
9340
9342
|
return metaData.colors[d.key];
|
|
9341
9343
|
})
|
|
9342
|
-
.attr('width', xSubgroup.bandwidth())
|
|
9344
|
+
// .attr('width', xSubgroup.bandwidth())
|
|
9345
|
+
// .attr('width', this.isZoomedOut ? xSubgroup.bandwidth() : xSubgroup.bandwidth() * 0.6)
|
|
9346
|
+
.attr('x', (d) => xSubgroup(d.key) +
|
|
9347
|
+
(this.isZoomedOut ? 0 : (xSubgroup.bandwidth() * 0.4) / 2))
|
|
9343
9348
|
.text(function (d) {
|
|
9344
9349
|
return d.value;
|
|
9345
9350
|
});
|