axidio-styleguide-library1-v2 0.0.793 → 0.0.794

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.
@@ -8892,7 +8892,8 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
8892
8892
  }
8893
8893
  var xSubgroup = d3.scaleBand().domain(subgroups);
8894
8894
  if (this.chartConfiguration.isMultiChartGridLine == undefined) {
8895
- xSubgroup.range([0, x.bandwidth()]);
8895
+ xSubgroup.range([0, x.bandwidth()])
8896
+ .padding(this.isZoomedOut ? 0.1 : 0.3);
8896
8897
  }
8897
8898
  else {
8898
8899
  /**
@@ -9002,35 +9003,34 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
9002
9003
  let keys = Object.keys(indiv).filter((temp, i) => i != 0);
9003
9004
  var temp;
9004
9005
  tempScale = d3.scaleBand().domain(keys).range([0, x.bandwidth()]);
9005
- tempScale.range([
9006
- 0 + (x.bandwidth() - 125) / 2,
9007
- x.bandwidth() - (x.bandwidth() - 125) / 2,
9008
- ]);
9009
- // if (x.bandwidth() > 100) {
9010
- // if (self.chartData.data.length == 1) {
9011
- // if (Object.keys(self.chartData.data[0]).length == 2) {
9012
- // tempScale.range([
9013
- // 0 + (x.bandwidth() - 200) / 2,
9014
- // x.bandwidth() - (x.bandwidth() - 200) / 2,
9015
- // ]);
9016
- // // .padding(0.05);
9017
- // } else
9018
- // tempScale.range([
9019
- // 0 + (x.bandwidth() - 250) / 2,
9020
- // x.bandwidth() - (x.bandwidth() - 250) / 2,
9021
- // ]);
9022
- // // .padding(0.05);
9023
- // } else
9024
- // tempScale.range([
9025
- // 0 + (x.bandwidth() - 125) / 2,
9026
- // x.bandwidth() - (x.bandwidth() - 125) / 2,
9027
- // ]);
9028
- // }
9006
+ if (x.bandwidth() > 100) {
9007
+ if (self.chartData.data.length == 1) {
9008
+ if (Object.keys(self.chartData.data[0]).length == 2) {
9009
+ tempScale.range([
9010
+ 0 + (x.bandwidth() - 150) / 2,
9011
+ x.bandwidth() - (x.bandwidth() - 150) / 2,
9012
+ ]);
9013
+ // .padding(0.05);
9014
+ }
9015
+ else
9016
+ tempScale.range([
9017
+ 0 + (x.bandwidth() - 250) / 2,
9018
+ x.bandwidth() - (x.bandwidth() - 250) / 2,
9019
+ ]);
9020
+ // .padding(0.05);
9021
+ }
9022
+ else
9023
+ tempScale.range([
9024
+ 0 + (x.bandwidth() - 125) / 2,
9025
+ x.bandwidth() - (x.bandwidth() - 125) / 2,
9026
+ ]);
9027
+ }
9029
9028
  }
9030
9029
  });
9031
9030
  return tempScale.bandwidth();
9032
9031
  }
9033
- return xSubgroup.bandwidth();
9032
+ const baseWidth = xSubgroup.bandwidth();
9033
+ return self.isZoomedOut ? baseWidth : baseWidth * 0.7;
9034
9034
  })
9035
9035
  .attr('height', function (d) {
9036
9036
  if (d.value == -1) {