axidio-styleguide-library1-v2 0.1.63 → 0.1.65
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.
|
@@ -7261,26 +7261,27 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
7261
7261
|
.attr('transform', 'translate(' + xScale.bandwidth() / 2 + ',' + height + ')')
|
|
7262
7262
|
.call(d3.axisBottom(xScale).tickSize(-height).tickFormat(''))
|
|
7263
7263
|
.style('stroke-dasharray', '5 5')
|
|
7264
|
-
.style('color', '#999999')
|
|
7265
|
-
// .style("opacity", "0.5")
|
|
7264
|
+
.style('color', 'var(--chart-grid-color, #999999)')
|
|
7266
7265
|
.call((g) => g.select('.domain').remove());
|
|
7267
7266
|
}
|
|
7268
7267
|
/**
|
|
7269
7268
|
* used to draw y-axis grid
|
|
7270
7269
|
*/
|
|
7271
7270
|
if (self.chartConfiguration.yAxisGrid) {
|
|
7272
|
-
svg
|
|
7273
|
-
|
|
7274
|
-
|
|
7275
|
-
|
|
7276
|
-
|
|
7277
|
-
|
|
7278
|
-
|
|
7279
|
-
|
|
7280
|
-
|
|
7281
|
-
|
|
7282
|
-
|
|
7283
|
-
|
|
7271
|
+
// svg
|
|
7272
|
+
// .append('g')
|
|
7273
|
+
// .attr('class', 'grid')
|
|
7274
|
+
// .call(
|
|
7275
|
+
// d3
|
|
7276
|
+
// .axisLeft(yScale)
|
|
7277
|
+
// .ticks(self.chartConfiguration.numberOfYTicks)
|
|
7278
|
+
// .tickSize(-width)
|
|
7279
|
+
// .tickFormat('')
|
|
7280
|
+
// )
|
|
7281
|
+
// // Remove hardcoded colors and use CSS variables
|
|
7282
|
+
// .style('color', 'var(--chart-grid-color)')
|
|
7283
|
+
// .style('opacity', '1')
|
|
7284
|
+
// // .call((g) => g.select('.domain').remove());
|
|
7284
7285
|
}
|
|
7285
7286
|
var layer = svg
|
|
7286
7287
|
.selectAll('.layer')
|
|
@@ -7684,9 +7685,6 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
7684
7685
|
.call(yAxis)
|
|
7685
7686
|
.selectAll('text')
|
|
7686
7687
|
.style('fill', 'var(--chart-text-color)');
|
|
7687
|
-
svg.selectAll('.domain')
|
|
7688
|
-
.style('stroke', 'var(--chart-axis-color)')
|
|
7689
|
-
.style('stroke-width', '1px');
|
|
7690
7688
|
}
|
|
7691
7689
|
else if (this.chartConfiguration.isDrilldownChart) {
|
|
7692
7690
|
svg
|
|
@@ -7703,9 +7701,6 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
7703
7701
|
.call(yAxis)
|
|
7704
7702
|
.selectAll('text')
|
|
7705
7703
|
.style('fill', 'var(--chart-text-color)');
|
|
7706
|
-
svgYAxisLeft.selectAll('.domain')
|
|
7707
|
-
.style('stroke', 'var(--chart-axis-color)')
|
|
7708
|
-
.style('stroke-width', '1px');
|
|
7709
7704
|
svgYAxisRight
|
|
7710
7705
|
.append('g')
|
|
7711
7706
|
.attr('class', 'lib-yaxis-labels-texts-drilldown yaxis-dashed')
|
|
@@ -7713,9 +7708,6 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
7713
7708
|
.attr('transform', 'translate(0,0)')
|
|
7714
7709
|
.call(yAxis)
|
|
7715
7710
|
.style('display', 'none');
|
|
7716
|
-
svgYAxisRight.selectAll('.domain')
|
|
7717
|
-
.style('stroke', 'var(--chart-axis-color)')
|
|
7718
|
-
.style('stroke-width', '1px');
|
|
7719
7711
|
}
|
|
7720
7712
|
else {
|
|
7721
7713
|
svg
|
|
@@ -7734,9 +7726,6 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
7734
7726
|
.call(yAxis)
|
|
7735
7727
|
.selectAll('text')
|
|
7736
7728
|
.style('fill', 'var(--chart-text-color)');
|
|
7737
|
-
svg.selectAll('.domain')
|
|
7738
|
-
.style('stroke', 'var(--chart-axis-color)')
|
|
7739
|
-
.style('stroke-width', '1px');
|
|
7740
7729
|
}
|
|
7741
7730
|
/**
|
|
7742
7731
|
* for existing charts, place xaxis labels nearer to xaxis
|
|
@@ -7896,16 +7885,10 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
7896
7885
|
/** hide y axis labels
|
|
7897
7886
|
* config is there for future use
|
|
7898
7887
|
*/
|
|
7899
|
-
if (this.chartConfiguration.isYaxisHidden != undefined &&
|
|
7888
|
+
if (this.chartConfiguration.isYaxisHidden != undefined &&
|
|
7889
|
+
this.chartConfiguration.isYaxisHidden) {
|
|
7900
7890
|
d3.selectAll('.yaxis-dashed').attr('class', 'lib-display-hidden');
|
|
7901
7891
|
}
|
|
7902
|
-
else {
|
|
7903
|
-
// Ensure Y-axis domain is visible and styled
|
|
7904
|
-
d3.selectAll('.yaxis-dashed .domain')
|
|
7905
|
-
.style('stroke', 'var(--chart-axis-color)')
|
|
7906
|
-
.style('stroke-width', '1px')
|
|
7907
|
-
.style('display', 'block');
|
|
7908
|
-
}
|
|
7909
7892
|
/**
|
|
7910
7893
|
* dashed y axis
|
|
7911
7894
|
* used by weekly charts
|
|
@@ -7945,7 +7928,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
|
|
|
7945
7928
|
.style('stroke', 'var(--chart-axis-color)')
|
|
7946
7929
|
.style('stroke-width', '1px');
|
|
7947
7930
|
}
|
|
7948
|
-
|
|
7931
|
+
styleAxisDomain();
|
|
7949
7932
|
if (metaData.yLabel) {
|
|
7950
7933
|
svgYAxisLeft.selectAll('.lib-axis-group-label, .lib-ylabel-drilldowncharts, .lib-ylabel-weeklyCharts').remove();
|
|
7951
7934
|
function isAcronym(label) {
|