axidio-styleguide-library1-v2 0.0.876 → 0.0.878
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.
|
@@ -8515,35 +8515,33 @@ 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
|
-
|
|
8519
|
-
|
|
8520
|
-
|
|
8521
|
-
|
|
8522
|
-
|
|
8523
|
-
|
|
8524
|
-
|
|
8525
|
-
|
|
8526
|
-
|
|
8527
|
-
|
|
8528
|
-
|
|
8529
|
-
|
|
8530
|
-
|
|
8531
|
-
|
|
8532
|
-
|
|
8533
|
-
|
|
8534
|
-
|
|
8535
|
-
|
|
8536
|
-
|
|
8537
|
-
|
|
8538
|
-
|
|
8539
|
-
|
|
8540
|
-
|
|
8541
|
-
|
|
8542
|
-
|
|
8543
|
-
|
|
8544
|
-
|
|
8545
|
-
// } else width = this.chartData.data.length * 160;
|
|
8546
|
-
// }
|
|
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
|
+
}
|
|
8547
8545
|
// if (this.chartData.data.length > 8) {
|
|
8548
8546
|
// width = this.chartData.data.length * 140;
|
|
8549
8547
|
// }
|
|
@@ -9071,17 +9069,9 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
9071
9069
|
}
|
|
9072
9070
|
}
|
|
9073
9071
|
});
|
|
9074
|
-
return
|
|
9075
|
-
|
|
9076
|
-
|
|
9077
|
-
? tempScale.bandwidth() * 0.5
|
|
9078
|
-
: tempScale.bandwidth();
|
|
9079
|
-
}
|
|
9080
|
-
return self.isZoomedOut
|
|
9081
|
-
? tempScale.bandwidth()
|
|
9082
|
-
: self.chartData.data.length && self.chartData.data.length > 8
|
|
9083
|
-
? tempScale.bandwidth() * 0.5
|
|
9084
|
-
: tempScale.bandwidth();
|
|
9072
|
+
return tempScale.bandwidth() * 0.5;
|
|
9073
|
+
}
|
|
9074
|
+
return xSubgroup.bandwidth();
|
|
9085
9075
|
})
|
|
9086
9076
|
.attr('height', function (d) {
|
|
9087
9077
|
if (d.value == -1) {
|
|
@@ -9167,14 +9157,14 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
9167
9157
|
if (self.chartData.data.length == 1) {
|
|
9168
9158
|
if (Object.keys(self.chartData.data[0]).length == 2) {
|
|
9169
9159
|
tempScale.range([
|
|
9170
|
-
0 + (x.bandwidth() -
|
|
9160
|
+
0 + (x.bandwidth() - 200) / 2,
|
|
9171
9161
|
x.bandwidth() - (x.bandwidth() - 200) / 2,
|
|
9172
9162
|
]);
|
|
9173
9163
|
// .padding(0.05);
|
|
9174
9164
|
}
|
|
9175
9165
|
else
|
|
9176
9166
|
tempScale.range([
|
|
9177
|
-
0 + (x.bandwidth() -
|
|
9167
|
+
0 + (x.bandwidth() - 300) / 2,
|
|
9178
9168
|
x.bandwidth() - (x.bandwidth() - 300) / 2,
|
|
9179
9169
|
]);
|
|
9180
9170
|
// .padding(0.05);
|
|
@@ -9246,13 +9236,13 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
9246
9236
|
if (self.chartData.data.length == 1) {
|
|
9247
9237
|
if (Object.keys(self.chartData.data[0]).length == 2) {
|
|
9248
9238
|
tempScale.range([
|
|
9249
|
-
0 + (x.bandwidth() -
|
|
9239
|
+
0 + (x.bandwidth() - 200) / 2,
|
|
9250
9240
|
x.bandwidth() - (x.bandwidth() - 200) / 2,
|
|
9251
9241
|
]);
|
|
9252
9242
|
}
|
|
9253
9243
|
else
|
|
9254
9244
|
tempScale.range([
|
|
9255
|
-
0 + (x.bandwidth() -
|
|
9245
|
+
0 + (x.bandwidth() - 300) / 2,
|
|
9256
9246
|
x.bandwidth() - (x.bandwidth() - 300) / 2,
|
|
9257
9247
|
]);
|
|
9258
9248
|
}
|