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.
- package/esm2022/lib/horizontal-bars-with-scroll-zoom/horizontal-bars-with-scroll-zoom.component.mjs +4 -4
- package/esm2022/lib/horizontal-grouped-bar-with-scroll-zoom/horizontal-grouped-bar-with-scroll-zoom.component.mjs +30 -28
- package/fesm2022/axidio-styleguide-library1-v2.mjs +32 -30
- package/fesm2022/axidio-styleguide-library1-v2.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -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:
|
|
7123
|
-
svgHeight:
|
|
7122
|
+
margin: { top: 20, right: 20, bottom: 20, left: 40 },
|
|
7123
|
+
svgHeight: 70,
|
|
7124
7124
|
legendHeight: '10%',
|
|
7125
|
-
numberOfYTicks:
|
|
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
|
-
|
|
8520
|
-
|
|
8521
|
-
|
|
8522
|
-
|
|
8523
|
-
|
|
8524
|
-
|
|
8525
|
-
|
|
8526
|
-
|
|
8527
|
-
|
|
8528
|
-
|
|
8529
|
-
|
|
8530
|
-
|
|
8531
|
-
}
|
|
8532
|
-
if (
|
|
8533
|
-
|
|
8534
|
-
|
|
8535
|
-
|
|
8536
|
-
|
|
8537
|
-
|
|
8538
|
-
|
|
8539
|
-
|
|
8540
|
-
|
|
8541
|
-
|
|
8542
|
-
|
|
8543
|
-
|
|
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
|
// }
|