axidio-styleguide-library1-v2 0.0.873 → 0.0.875

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.
@@ -7119,10 +7119,10 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
7119
7119
  this.uniqueId = this.getUniqueId();
7120
7120
  this.isTransparentBackground = false;
7121
7121
  this.defaultConfiguration = {
7122
- margin: { top: 30, right: 30, bottom: 50, left: 60 },
7123
- svgHeight: 80,
7122
+ margin: { top: 20, right: 20, bottom: 20, left: 40 },
7123
+ svgHeight: 70,
7124
7124
  legendHeight: '10%',
7125
- numberOfYTicks: 7,
7125
+ numberOfYTicks: 5,
7126
7126
  labelFormatter: ChartHelper.defaultFormatter,
7127
7127
  xAxisLabelFomatter: ChartHelper.defaultFormatter,
7128
7128
  yAxisLabelFomatter: ChartHelper.defaultFormatter,
@@ -8515,33 +8515,35 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
8515
8515
  var verticalstackedcontainer = d3.select(this.groupcontainerElt.nativeElement);
8516
8516
  var margin = this.chartConfiguration.margin;
8517
8517
  var width = parseInt(chartContainer.style('width')) - margin.left - margin.right;
8518
- if (this.chartData.data.length > 30 && this.isZoomedOut) {
8519
- width =
8520
- width > this.chartData.data.length * 40
8521
- ? this.chartData.dropdownData1
8522
- ? this.chartData.data.length * 60
8523
- : width
8524
- : this.chartData.dropdownData1
8525
- ? this.chartData.data.length * 60
8526
- : this.chartData.data.length * 40;
8527
- width =
8528
- width > this.chartData.data.length * 40
8529
- ? width
8530
- : this.chartData.data.length * 40;
8531
- }
8532
- if (this.chartData.dropdownData2 &&
8533
- width < this.chartData.data.length * 120 &&
8534
- this.isZoomedOut) {
8535
- width = this.chartData.data.length * 120;
8536
- }
8537
- if (this.chartData.data.length > 8 && !this.isZoomedOut) {
8538
- if (this.chartData.dropdownData2 &&
8539
- width < this.chartData.data.length * 250) {
8540
- width = this.chartData.data.length * 250;
8541
- }
8542
- else
8543
- width = this.chartData.data.length * 160;
8544
- }
8518
+ // if (this.chartData.data.length > 30 && this.isZoomedOut) {
8519
+ // width =
8520
+ // width > this.chartData.data.length * 40
8521
+ // ? this.chartData.dropdownData1
8522
+ // ? this.chartData.data.length * 60
8523
+ // : width
8524
+ // : this.chartData.dropdownData1
8525
+ // ? this.chartData.data.length * 60
8526
+ // : this.chartData.data.length * 40;
8527
+ // width =
8528
+ // width > this.chartData.data.length * 40
8529
+ // ? width
8530
+ // : this.chartData.data.length * 40;
8531
+ // }
8532
+ // if (
8533
+ // this.chartData.dropdownData2 &&
8534
+ // width < this.chartData.data.length * 120 &&
8535
+ // this.isZoomedOut
8536
+ // ) {
8537
+ // width = this.chartData.data.length * 120;
8538
+ // }
8539
+ // if (this.chartData.data.length > 8 && !this.isZoomedOut) {
8540
+ // if (
8541
+ // this.chartData.dropdownData2 &&
8542
+ // width < this.chartData.data.length * 250
8543
+ // ) {
8544
+ // width = this.chartData.data.length * 250;
8545
+ // } else width = this.chartData.data.length * 160;
8546
+ // }
8545
8547
  // if (this.chartData.data.length > 8) {
8546
8548
  // width = this.chartData.data.length * 140;
8547
8549
  // }